JS基础语法

JS组成

ECMAscript 规定了js代码的书写规范------基础语法
DOM 文档对象模型------js操作html标签和css样式
BOM 浏览器对象模型------弹框，浏览器前进后退

输出语句

    <script>
        console.log('程序员调试用');
        // 弹出框
        alert('弹出框');
        // 输入框
        prompt('hello word!')
        // 确认框
        confirm('你确定要走！')
        // document.write('可以把文字或者标签在浏览器输出')
        document.write('<h1>哈哈哈哈,大舔狗</h1>')
  </script>

变量

先声明后赋值

  	 // 1.更新变量
        // var myNC = '火影';
        // myNC = '忍者';
        // console.log(myNC);
     // 2.声明多个变量
			var age = 18,
                address = '济南',
                sex = 'woman';

     	// 声明变量的特殊情况（注意事项）
        // var sex;
        // console.log(sex);//只声明 不赋值，结果undefined
        // 不声明 不赋值，打印变量结果会报错
        // console.log(a); 报错

        // 变量不声明，直接赋值，可以运行，但是有问题
        // 不建议使用
        ncing = 100;
        console.log(ncing);

变量命名规范

1.js里面变量名 --只能是字母数字下划线_ $

2.严格区分大小写

3.推荐使用驼峰命名法

4.不能以纯数字开头

注意事项：尽量不要用name当成变量名，直接打印是一个空字符串。（尤其在谷歌浏览器）

数据类型

数值型number

  	    // 数值型 【整数 小数 负数】
        console.log(Number.MAX_VALUE); //最大值
        console.log(Number.MIN_VALUE); //最小值
        // console.log(Infinity); //无穷大
        // console.log(-Infinity); //无穷小
        console.log(NaN); //表示不是一个数字 但是NaN属于数字类型

八进制

以数字0开头 var num = 067;

十六进制

以0x开头的 var num = 0xab；

isNaN()

这是一个方法：用来检测一个数据是不是数字，如果是数字返回false 如果不是数字返回true

console.log(isNaN(10)); //false
console.log(isNaN('red')); //true

字符串string

引号嵌套----外单内双或者外双内单

字符串拼接

口诀：数值会相加运算，字符会相连

总结：字符串与任意数据类型使用 + 操作，都是在做字符串拼接，都会转为字符串数据类型。

布尔型Boolean

true（真0）

false（假0）

 		var flag1 = true; //当 1 来看
        console.log(flag1 + 2); //3

        var flag2 = false; //当0来看
        console.log(flag2 + 3); //3

		var flag3 = true;//当 1 来看
        console.log(flag3 / 10);

undefined类型

未定义型

		 var res = undefined;
        // console.log(res + 'red'); //结果是字符串类型  undefinedred
        console.log(res + 10); //NaN  注意：undefined型和数字相加，不能加，最后结果表示不是一个数字

null类型

空类型

 		// null类型
        var num = null;
        // console.log(num); null
        console.log(num + 7); //7
        console.log(num + 'red'); //数据类型是string  结果nullred

        // 注意：null 类型和数字做运算(+ - * /) 当零来看待。
        console.log(num - 9); // -9
        console.log(num * 6); //0
        console.log(num / 6); //0

数据类型转换

转换为字符串类型

1.变量.toString() 2.String() 3.隐式转换 + 拼接字符串

        // 转换为字符串型
        var num = 1;
        console.log(num.toString()); /* 第一种 变量.toString */
        console.log(String(num)); /* 第二种 String() */
        console.log(num + ''); /* 利用 + 拼接字符串的方法实现转换效果 */

转换为数字型number

parseInt() 转为整形

parseFloat() 转为浮点型

Number() 强制转换

利用 - * / % -----隐式转换

        // 转换为数字型
        var str = '3.1415926';
        console.log(parseInt(str)); /* 第一种 parseInt() 转换为整数型*/
        console.log(parseInt('110px'));/* 110 */
        console.log(parseFloat(str));/* 第二种 parseFloat() 转换为浮点型 */
        console.log(Number(str)); /* 第三种 强制转换 Number() */

转换为布尔型Boolean

使用 Boolean()方法

为false的几种特殊情况： '' 0 NaN null undefined

原文地址：https://www.jb51.cc/wenti/3281075.html

JavaScript笔记(一天一记)