js原生语法学习笔记

2020/12/11

 

 获取节点：

document.getElementById(id); //通过id号来获取元素，返回一个元素对象

document.getElementByName(name); //通过name属性获取id号，返回元素对象数组

document.getElementByClassName(classname); //通过class来获取元素，返回元素对象数组（ie8以上才有）

document.getElementByTagName(tagname); //通过标签名获取元素，返回元素对象数组

获取/设置元素的属性值：

element.getAttribute(attributename);//括号传入属性名，返回对应属性值

element.setAttribute(attributename,attributeValue);//传入属性名及属性值

创建节点Node:

document.creatElement('h3');//创建一个html元素，以创建h3元素为例

document.creatTextNode(String);//创建一个文本节点

document.creatAttribute(class);//创建一个属性节点，以创建class属性为例

增添节点：

element.appendChild(node);//往element内部最后面添加一个节点，参数是节点类型

element.insertBefore(newnode,existingnode);//在element内部的existingnode前面插入newnode

删除节点：

element.removeChild(ndoe);//删除当前节点下指定的子节点，删除成功返回被删除的节点，否则返回null

 替换节点：

replaceChild()；//替换子节点。

 

2020/12/14：

 

基础数据类型

基本类型（值类型）：string   number  boolean   undefined  symbol   null

引用类型： object  Array  function

类型检测：typeof //console.log(typeof  num);

抛出错误：

例:

if(true){
        console.log(true);
 }else{
        throw new Error('错误说明');
}

　

2020/12/15：

　　var 定义基础类型和引用类型（有变量提升问题、可以先使用后声明）

　　let  定义基础类型（无变量提升问题、必须先声明后使用）

　　const  定义常量、基本类型和引用类型

*const定义的变量值不能被完全修改，即变量指向的地址不能变

　　const a=[11,22,33]

　　a=[22];//报错

　　a.push(44);//不报错

*const定义常量时常量名称通常大写以示区分

　　const  NUMBER = 10;

 

2020/12/24

数组中可以存放任意数据类型：字符串、数字、布尔、对象、函数等；

es6数组遍历方法foreach:

arr.froeach((item,index,arr)=>{ })//三个参数可选可用,item：当前数组元素，index：当前索引，arr:数组所有元素

 

栈内存存储基本数据类型，堆内存存储引用数据类型（https://www.cnblogs.com/fsg6/p/12752222.html）

　　JS中的变量都是保存到栈内存中的，基本数据类型的值直接在栈内存中存储，值与值之间是独立存在，修改一个变量不会影响其他的变量。在栈内存中数据赋值时，系统会为新的变量分配一个新值，变量之间相互独立互不影响。

let name='张三';
let  a = name;
a = '李四';
console.log(name);//张三
console.log(a);//李四

　　对象是保存到堆内存中的，每创建一个新的对象，就会在堆内存中开辟出一个新的空间，而变量保存的是对象的内存地址（对象的引用），如果两个变量保存的是同一个对象引用，当一个通过一个变量修改属性时(重置obj.name的属性值时)，另一个（obj2的值）也会受到影响。

const arr=[1,2,3];
let  a= arr;//若此处使用const 定义则下面例子中指向新的地址时会报错
console.log(arr);//[1,2,3]
console.log(a);//[1,2,3]
a.push(4);//修改原地址内容
console.log(arr);//[1,2,3,4]
console.log(a);//[1,2,3,4]
a=[1,2,3,4,5];//指向新的地址
console.log(arr);//[1,2,3,4]
console.log(a);//[1,2,3,4,5]

 

2020/12/30

***一般来说，只有最简单的脚本才嵌入到 HTML 中。更复杂的脚本存放在单独的文件中。使用独立文件的好处是浏览器会下载它，然后将它保存到浏览器的 缓存 中。

　　之后，其他页面想要相同的脚本就会从缓存中获取，而不是下载它。所以文件实际上只会下载一次。

　　这可以节省流量，并使得页面（加载）更快。

***如果设置了 src 特性，script 标签内容将会被忽略。一个单独的 <script> 标签不能同时有 src 特性和内部包裹的代码。