JS基础语法
JS组成
输出语句
<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