1. 相关概念:Javasrcipt = ECMAScript的标准(简称ES) + DOM(文档对象模型) +BOM(浏览器对象模型)三部分组成。
注意的是十年前的JS基础要求是ES基础,基本是W3CSchool里面学习ES5的皮毛,那时候主要是做网页实现一些简单的判断。基本都是 招聘要求里面经常写的要求是熟练掌握ES6语法 主要是掌握最新的js语法写法,试图利用之前掌握的那点皮毛,是完全不能说是掌握了ES开发的。
要理解到WS语法规则版本已经到ES7 ,十几年前我大部分学习到的JS,觉得JS挺简单,但是到了ES6时代,使用范畴大范围扩充,甚至已经充实到了后端,这让很多老的程序员觉得前端简单的,纷纷沦陷,发现自己开始看不懂很多前端的代码。
ES6的代码是可以通过工具转化成ES5的,所以从理论上讲基本上不用学习ES5,ES6已经可以用来编写复杂的大型应用程序,成为企业级开发语言。
2.程序基础调试输出 简单的直接弹框查看即可 这个基本保持不变 这个意味着调试代码方式不变
alert(“弹框”) //弹框 看下到了页面没有 写简单手机页面的时候,手机端打开,没有打印的时候,勉强用这个函数弹框 看下强烈提示
window.document.write(“Hello, world!”); // 将页面打印出变量 基本很少使用,一般使用更改HTML
console.log(1) 控制台正常 console.error(“错误”) //一般情况下第一个已经够用 后面标准化才使用
3.理解原型链的概念 原型链是 JavaScript 实现对象继承和属性委托的重要机制。通过原型链,JavaScript 实现了对象之间的属性和方法的共享和继承,使得代码更加高效和灵活
看下下面代码
调试台里面可以正常看到 10的输出,这里面意味着 执行console.log(x)的时候,没有找到x变量,直接将函数的上一层变量读取 使用出来。如果还没读取到,会继续往上读取,一直读到最外层,如果最外层还是没有找到该变量, 就会返回undef