前端基础随记| 青训营笔记

28 阅读3分钟

Javascript

作用域

变量的作用域:根据作用域的不同我们变量分为全局变量和局部变量

1.全局变量下的作用域全局可用
🤯如果在函数内部没有声明直接赋值的变量也是全局变量
2.局部变量 在函数内部的变量就是局部变量
🤯函数的形参也可以看作是局部变量
3.从执行效率来看
•全局变量只有浏览器关闭的时候才会销毁 比较占内存

•局部变量当我们程序执行完毕就会销毁 节约资源🤗

🤔js没有块级作用域
在es6的时候会新增块级作用域
块级作用域 {} if{} for{}花括号里面的外面用不了
但是因为js没有块级作用所以花括号里面的外面都可以使用

对象

什么是对象?

在js中,对象是一组无序相关属性和方法的集合,所有的事物都是对象,例如字符串,数值,数组,函数等。 对象是由属性和方法组成的 属性:事物的特征 名词 方法:事物的行为 动词

创建对象的三种方式
  • 利用对象字面量创建对象{}
  • 利用new object 创建对象
  • 利用构造函数创建对象(前面两种一次只能创建一个对象,此方法可以一次创建多个
变量和属性 函数和方法 的区别

变量和属性
相同点
都是用来存储数据
不同点
变量:单独声明并赋值 使用的时候直接写变量名 单独存在
属性:在对象里面不需要声明的 使用的时候必须是 对象.属性
函数和方法
相同点
都是实现某种功能 做某件事
不同点
函数是单独声明 并且调用的函数名()单独存在
方法是在对象里面 调用的时候 对象.方法()

构造函数和对象区别

1.构造函数 明星 泛指某一大类类似于java语言里面的类(class)

2.对象 特指 是一个具体的事物 如:芋泥啵啵奶茶

3.利用构造函数创建对象的过程我们也称为对象的实例化

随手记:
a href =“Javascript:;”这个和href=“#”的区别就是 前者不会更改网页链接,后者会在其网页链接上增添一个# 节点操作,动态创建元素速度对比

DOM重点核心

创建
  1. document.write
  2. innerHTML
  3. createElement

  1. appendChild
  2. insertBefore
  1. removeChild
  1. 修改元素属性:src,href,title 等
  2. 修改普通元素内容:innerHTML,innerText
  3. 修改表单元素:value,type,disabled等
  4. 修改元素样式:style,className

主要获取查询dom的元素

  1. DOM提供的AP1方法:getElementByld、getElementsByTagName 古老用法 不太推荐 2.H5提供的新方法:querySelector、query SelectorAll 提倡
  2. 利用节点操作获取元素:父(parentNode)、子(children)、兒(previousElementsibling、nextElementsibling) 提倡