首先,学习JavaScript语言,必须知道它是什么?
JavaScript是一门解释型语言,对它和python一样,代码是从上往下依次执行,一句代码结束以分号结束或换行。
一、JavaScript在html中存在的三种位置
1、外联式
<script src = 'js文件的地址'></script>
2、内联式
<script> js代码块 </script>
3、标签行间
<div id = 'div' onload ='js代码' ></div>
注意:关于外联式内联式JavaScript代码放在哪里,需要看你有什么需求了,如果是功能似的脚本放在body标签后面,如果后面的代码,需要用到JavaScript,放在head标签中就好了,记住它的代码执行顺序就好了。
二、JavaScript中对变量的定义(ES5、ES6两种版本)
1、ES5中
//局部变量 var a = 10; //全局变量,一般情况下不要这样去定义 b = 100;
2、ES6中
//局部变量 let a = 10; //常量 const = 20;
注意:ES5,ES6中都有局部变量的定义,区别是:ES5是没有块级作用域的,ES6中式存在的
JavaScript遵循小驼峰体命名,常量第一次赋值后,再赋值会报错。
三、三种弹出框
// 普通弹出框 alert('zhuyu') //确认弹出框 confirm('你好吗?') //输入弹出框 prompt('今天周几?')
四、调用方式
//1、通过弹出框进行调试 alert() //2、浏览器终端 console.log() //3、在html页面显示 document.write()
五、数据类型
var a = 10; //number类型 var a = 'zhuyu' //string类型 var a = 'true' //bool类型 var a = undefined // undefined //查看其数值的类型 typeof a 2、引用类型 var a = function() {}; //函数类型 var a = {}; //对象类型 //对象判断方法 a instanceof Object 3、具体的对象类型 空对象 var a = null Array 数组对象 var a = new Array(1,2,3,4,5) console.log(a instanceof Array) Date 时间对象 var a = new Date() console.log(a,a instanceof Date) RegExp 正则对象
六、类型转换(一般来说针对数值类型 number,string,boolean)
1、数字和bool转换成字符串 var a = 10; var b = true a = String(a) //方式一 b = b.tostring(b) //方式二 var c = new String(a) //这种方式是不对的,虽然它的值为10,但是它的类型是Object 2、数字、字符串转换成bool var a = 10; var b = '10'; a = Boolean(a) b = Boolean(b) 3、字符串、bool转换成数字 var a = '10'; var b = true; a = Number(a); b = Number(b);
七、运算符
就只有a时,--或++不管在aa的前面还是后面,a的值一定会改变 // a = 10 var b = ++a ; //首先算++a,再将值赋值给b,所以 b,a相对应为 11,11 // a = 11 var b = a++ ; //首先将a赋值给b,再执行a++操作,所以b,a相对应为11,12 三目运算符 var 结果 = 条件 ?结果一:结果二