JavaScript核心

发布于:2022-12-29 ⋅ 阅读:(134) ⋅ 点赞:(0)

JS核心语法是对JS基础语法的一个补充说明,本质上还是对ECMAScript语法的一个延伸和进阶。

1.一个前端网页主要由三门语言组成:

1. HTML:确定网页的结构        

2..CSS:确定网页的样式

3..JavaScript:确定网页的行为(交互)

2.JavaScript作用?

确定网页的行为交互 (教网页做事请。)

3.JavaScript三个组成部分?

1.ECMAScript
2.DOM
3.BOM
1.0 .ECMAScript - JavaScript的核心
        .ECMAScript定义了JavaScript的语言规范
        .JavaScript的核心:描述了语言的基本语法和数据类型,ECMAScript是一套标准,定义了一种语言的标准与具体实现无关
2.0  .DOM-文档对象模型
        ·一套操作页面元素的API
        . DOM可以把 HTML看做是文档树,通过DOM提供的API可以对树上的节点进行操作

3.0 .BOM-浏览器对象模型
        ·一套操作浏览器功能的API
        ·通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率等

4.JS代码的三种写法

1.行内写法:写在标签行内 (不推荐不便于维护)

2.内部写法︰写在script标签内部 (写在script标签中,如果界面JS代码较少可以使用)

3.外部写法:写在js外部文件中,使用script标签的src属性导入

(* 注意:如果script标签写了src属性,就表示外部写法。此时内部的js代码不会执行。)

5.计算机组成。

1.软件:

·应用软件:浏览器(chrome/ie/firefox)、QQ、Sublime、Word、webstorm

·系统软件: windows,Linux,unix,OSx,iOs,android

2.硬件:

·输入设备:鼠标,键盘,摄像头等

·输出设备:显示器,打印机,投影仪等

6.程序运行原理:

1.计算机将存储在硬盘中的html文件读取到内存中

2.浏览器内核编译器开始编译代码(cpu只能处理二进制数据,需要将我们写的代码转成二进制)

3.CPU处理与计算

4.CPU将我们代码在运行时产生的数据保存到内存中

7.==等于操作符

等于操作符用两个等于号(==)表示,如果操作数相等,则会返回true

在JavaScript 中存在隐式转换。等于操作符(==)在比较中会先进行类型转换,再确定操作数是否相等

遵循以下规则:

如果任一操作数是布尔值,则将其转换为数值再比较是否相等

1 let result1 = (true == 1); // true

 如果一个操作数是字符串,另一个操作数是数值,则尝试将字符串转换为数值,再比较是否相等

1 let result1 = ("55"== 55); // true

8.===全等操作符

全等操作符由3个等于号(===)表示,只有两个操作数在不转换的前提下相等才返回true。即类型相同,值也需相同

1 let result1 = ("55"=== 55); // false,不相等,因为数据类型不同

2let result2 = (55 === 55); // true,相等,因为数据类型相同值也相同

undefined和null与自身严格相等

1 let result1 =(null === null) //true

2let result2 = (undefined === undefined) //true

JavaScript中的堆栈?

堆和栈

定义

  • 栈(stack):栈会自动分配内存空间,会自动释放,存放基本类型(String,Number,Boolean,Null,Undefined,BigInt),简单的数据段,占据固定大小的空间。
  • 堆(heap):动态分配的内存,大小不定也不会自动释放,存放引用类型(Function,Array,Object),指那些可能由多个值构成的对象,保存在堆内存中,包含引用类型的变量,实际上保存的不是变量本身,而是指向该对象的指针。

区别

  • 栈:所有在方法中定义的变量都是放在栈内存中,随着方法的执行结束,这个方法的内存栈也自然销毁。

    • 优点:存取速度比堆快,仅次于直接位于CPU中的寄存器,数据可以共享;
    • 缺点:存在栈中的数据大小与生存期必须是确定的,缺乏灵活性。
  • 堆:堆内存中的对象不会随方法的结束而销毁,即使方法结束后,这个对象还可能被另一个引用变量所引用(参数传递)。创建对象是为了反复利用,这个对象将被保存到运行时数据区。

栈和堆的溢出

  • 栈:可以递归调用方法,这样随着栈深度的增加,JVM维持着一条长长的方法调用轨迹,知道内存不够分配,产生栈溢出。
  • 堆:循环创建对象,通俗点就是不断的new 一个对象。

ES6有哪些新特性?

1.let const的引入
let声明变量和const声明常量,两个都有块级作用域
  ES5中是没有块级作用域的,并且var有变量提升,在let中,使用的变量一定要进行声明

2.箭头函数
  ES6中的函数定义不再使用关键字function(),而是利用了()=>来进行定义

3.模板字符串
  模板字符串是增强版的字符串,用反引号(`)标识,可以当作普通字符串使用,也可以用来定义多行字符串

4.解构赋值
  ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值

5.for of循环
  for…of循环可以遍历数组、Set和Map结构、某些类似数组的对象、对象,以及字符串

6.import、export导入导出
  ES6标准中,Js原生支持模块(module)。将JS代码分割成不同功能的小块进行模块化,将不同功能的代码分别写在不同文件中,各模块只需导出公共接口部分,然后通过模块的导入的方式可以在其他地方使用

7.set数据结构
  Set数据结构,类似数组。所有的数据都是唯一的,没有重复的值。它本身是一个构造函数

8.… 展开运算符
  可以将数组或对象里面的值展开;还可以将多个值收集为一个变量

9.class 类的继承   
ES6中不再像ES5一样使用原型链实现继承,而是引入Class这个概念

JS中的String常见方法有哪些?

1、length属性

2、小写转换toLowerCase()

3、大写转换toUpperCase()

4、字符串替换replace()

5、字符串匹配match()

6、字符串拼接concat()

7、字符串分割split()

8、字符串检索indexOf()

null和undefined有什么区别?

null表示没有对象,即该处不应该有值

1、 作为函数的参数,表示该函数的参数不是对象

2、 作为对象原型链的终点

undefined表示缺少值,即此处应该有值,但没有定义

1、定义了形参,没有传实参,显示undefined

2、对象属性名不存在时,显示undefined

3、函数没有写返回值,即没有写return,拿到的是undefined

4、写了return,但没有赋值,拿到的是undefined

null和undefined转换成number数据类型

null 默认转成 0

undefined 默认转成 NaN

JavaScript 严格模式(use strict)

  • 消除 JavaScript 语法中一些不合理、不严谨的地方;
  • 消除代码中一些不安全的地方,保证代码的安全运行;
  • 提高 JavaScript 程序的运行效率;
  • 为以后新版本的 JavaScript 做好铺垫。

本文含有隐藏内容,请 开通VIP 后查看