javascript基本语法学习小结

2022-06-16 19:57:41

JavaScript的基本语法学习总结

文章目录

1.什么是JavaScript?

 JavaScript是运行在浏览器上的脚本语言。简称JS。也就是可在HTML(5）中 进行直接编写的一门弱语言，个人认因为是其弱语言，在javascript中的代码灵活性更强，更易于编写，通俗易懂；
 JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的类似java的弱类型编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

java与javascript的区别：
javascript是动态类型语言，java是静态类型语言；
javascript是弱类型语言，java属于强类型语言；

javascript与HTML，CSS的区别：
HTML只是网页构成的根本，javascript它能给网页增加一些动态效果，特效，CSS就可以给网页增加一些视觉效果；

2.注意：

JavaScript代码在HTML中必须写在script 标签中，
打印 console控制台 log日志相当于java中的SYSO

 console.log("HELLO WORLD")
 console.log('你好 世界')

控制台

console.log('你好 世界')

打印到网页中:

document.write("你好，世界")；

定义整数变量 int i=1;
js中所有的变量全部使用var来定义
整数,小数叫做number
定义反引号类型的值在哪一个值中可直接用${定义的类型名 f}夹在字符中；

var i=10;//整数
 var f=1.234;//小数
 var s="1";//字符
 var s2='数字的值:'+f+"hello world";
 var s3=`发大水发生${f}激发事件发生`; //tab键位的上方
 var s4="a";

NaN 非数字即not a number：不是一个数字
Infinity 无穷大
转换 Integer.parseInt

console.log(1/0)
console.log(-Infinity)
console.log(parseInt("1.23"))
 console.log(parseFloat("1.23"))

在所有的编程语言中基本小数的运算都不靠谱
例：答案为：0.39999999999999997

console.log(0.6-0.2)

boolean类型

var f1=true;
    var f2=false;
    console.log(f1||f2) //true
    console.log(f1&&f2) //false
    console.log(!f1) //false
    console.log(!!-1)

！！会将这类型变为boolean类型
//什么情况下会得到false
// 字符串: ""为false
// 数字: 0为false
// null 也为 false
// undefined 未定义也为 false
// NaN 也为 false

短路：
即前面有一个为真就停止不往后进行执行
例

console.log(""||0) //0
    console.log(1||0) //1
    console.log("2"||"1"||1) //"2"
    console.log("2"&&"1"&&1) //"2"
    console.log("2"&&0&&1) //0

数组：
数组没有类型限制
数组可以读取任意下标的值
长度可以任意变化

定义对象
var stu={
“stu_no”:1,
“stu_name”:“小明”,
“stu_age”:38
}
//可以动态的增加属性
stu.stu_address=“xx” //给对象新增了地址属性
console.log(stu)

等于符号：
=赋值
==比较无视类型
===比较先比较类型，在比较值
NaN不能用等于判断只能使用isNaN

 console.log(1=="1") //true
    console.log(1==="1") //false
    //NaN不能用等于判断  只能使用isNaN

parseInt(“字符串”)：将字符串转换为整型数字
parseFloat(“字符串”) ：将字符串转换为浮点型数字
isNaN() ：用于检查其参数是否是非数字
alert(isNaN(“55”));

3.案例：

 var f6=prompt("请输入星期几")
    if(!isNaN(parseInt(f6))){
        switch (parseInt(f6)) { //"1"
            case 1:
                console.log("周一")
                break
            case 2:
                console.log("周二")
                break
            default:
                console.log("输入错误")
        }
    }

for循环


    for(var i=0;i<=10;i++){
        //在页面中进行html输出
        document.write("<font color='red'>哈哈哈</font><br>")
    }

while循环

while(true){
内容    
}

****弹框：****

 1. 确认框alert：显示带有提示信息和确定按钮的对话框
```javascript
<script type="text/javascript">
	var a=10;
	var b=20;
	alert("这是a+b的结果："+(a+b));
	</script>

提示框confirm：显示一个带有提示信息、确定和取消的对话框，确认返回true，取消返回false

var s="你确定要这样吗？";
	confirm(s);

输入框prompt：显示可提示用户输入的对话框

var s="你确定要这样吗？";
	confirm(s);

javascript因为是其弱语言，所以在其代码编写中可在其一行代码后不加";"但下一语句一定要跨行，在其同一行语句中就需要使用空格或者分号进行隔断，以保证代码的可运行性；

4.ECMA标准：

即ECMAscript标准，是针对javascript制定的语言标准，目前市面上最新的版本是ES6
即ECMAD第六版；

码农公寓