美文网首页
基础知识 console.dir()

基础知识 console.dir()

作者: smartCloud_xx | 来源:发表于2021-03-16 16:50 被阅读0次

    1、浏览器执行过程:浏览器有两部分组成,渲染引擎和js引擎。渲染引擎解析html和css。js引擎是逐行解释执行。

    2、js组成:ECMAScript(js语法),是JavaScript和JScript的规范,DOM文档对象元素,即页面上的元素;BOM浏览器对象模型。

    3、数据类型,number,是否是数字内置方法,isNan(); 字符串 类型,获取字符串长度,length属性,typeof 变量, 获取变量数据类型。数字转字符串类型,使用+拼接空串即可。字符串转数值,parseInt 取整数(舍去取整),parserFloat转浮点数。

    4、浮点数运算会有精度的问题,比如 0.1+0.2 结果为 0.30000000000000004, 0.07*100 结果7.000000000000001。 var num1 = 0.1+0.2; num1 == 0.3 是false所以浮点数不能用==比较是否相等

    5、switch 不只是匹配值也要匹配类型。

    6、数组,①var arry = new Array(); ② var arry = []; 数组里可以放任意类型数据。新增数组元素:修改数组长度,arry.length=5, 或者直接使用下标来增加元素,var arr = ['red','blue','black'], arr[3]='white';

    二、js函数  三、作用域  全局作用域有两种方式 var a=1; function aa(){ b = 2;// 如果方法里没有用var声明,则是全局变量。}

    三、预解析,js代码是由浏览器的js解析器来执行的,js解析器在运行js代码的时候分两步:预解析和代码执行。① 预解析 js引擎会把所有var 变量的声明 和 function 提升到当前作用域最前面。②代码执行 就是代码一行行执行。 预解析 分为 变量预解析(变量提升) 和 方法预解析(方法提升) 。变量提升 就是把所有的变量声明提升到作用域最前面, 但是不提升赋值操作(所以 console.log(num); var num=10; 打印的结果是undefined)。方法提升 就是把方法声明提升到作用域最前面 但是不调用方法。例题:

    var a=b=c=9; 相当于是 var a=9; b=9;c=9; 所以只有a被提升,b和c是全局变量了。  而集体用var声明 var a=9, b=9, c=9;

    四、对象。

    1、创建对象三种方法,①字面量创建对象,var obj = {username: '张三丰', age: 18, sex:'男', sayHi: function(){console.log('hi')}};  调用对象的属性,console.log(obj.username); console.log(obj['age']); obj.sayHi();  ② 利用new Object() 创建对象。例如 var obj = new Object(); obj.name='keke'; obj.age=18; obj.sayHi = function(){console.log('hi'))}; ③ 构造函数创建对象。必须使用this。

    遍历对象: for(var k in obj) { console.log(k); // 输出属性名 console.log(obj[k]) // 输出属性值}

    五、js 内置对象。

    Math对象,Math.random();  Date对象+new Date()返回的是毫秒时间戳,Date.now()也是返回毫秒时间戳(H5写法)

    数组对象:instanceof  判断参数是不是数据 arr instanceof Array, push(arg0,arg1...) 在数组末尾追加元素,返回数组长度。unshift(arg0,arg1...) 数组前面追加元素。pop()删除数组最后一个元素,返回值是被删除的元素。sort排序,arr.sort(function(a,b){return a-b}); arr.indexof('pink') 返回第一个满足条件的索引值。concat() 链接多个数组组成新数组,slice(begin,end) 数据截取. splice(第几个元素,要删除几个元素) 数组删除

    相关文章

      网友评论

          本文标题:基础知识 console.dir()

          本文链接:https://www.haomeiwen.com/subject/itrnbktx.html