javaScript 基础知识汇总(五)
1、垃圾回收
JavaScript 的内存管理是自动的,不能强制执行或者阻止执行
可达性
JavaScript中主要的内存管理概念是可达性。
什么是可达性?
定义一个对象
let user = {
name:"XiaoMing"
};
user 应用了这个对象。 通过 user.name 可以取到“XiaoMing"这个值,则认为XiaoMing这个值是可达的。
当 user= null; ”XiaoMing“ 这个值就不可达了,此时JavaScript的垃圾回收机制就会自动从内存中将其清除。
2、Symbol 类型
对象的属性键,根据规范只能使用 String 类型 和 Symbol 类型
Symbol 表示唯一的标识符。
创建方式; let id = new Symbol("id"); Symbol("id")中的id 为对id 的描述,
并且即使描述相同,只要定义的变量不同,这个Symbol 这个对象就不一样
字面量中的Symbol
通过变量的方式将Symbol 对象作为属性的键
示例:
let id = Symbol("id");
let user = {
name:"XiaoMing",
[id]:123
};
Symbol 在 for...in 中被跳过
for(let key in user)
alert(key);
//Symbol 这个属性不会被展示出来,可以作为隐藏属性
可以通过"."的方式使用 user.[id]。
全局symbol
在应用程序中想要访问同一个symbol 的时候可以使用 全局symbol 注册表
使用方法: Symbol.for(key);
let id = Symbol("id); //从全局注册表中获取,如果不存在则创建。
let idAgain = Symbol.for("id"); //再次读取
此时id 和 idAgain是相同的
Symbol.keyFor
Symbol.keyFor 在内部全局注册表中来查找symbol 的键,只适用于全局,如果是非全局的则返回undefined
let sym = Symbol.for("name");
alert(Symbol.keyFor(Symbol.for(”name")));//name
alert(Symbol.keyFor(Symbol.for(”id")));//undefined
系统Symbol 不做展示。
3、对象方法和 this
在对象方法中使用this
let user ={
name:"XiaoMing",
sayHi:function(){
alert(this.name);
}
};
javaScript 中的this 和其它语言中的this 有些不同,JavaScript中的“this” 只有在执行的时候才确定它指向的是哪一个对象。
简单总结:
存储在对象中的函数称之为方法
对象执行方法进行操作,obj.doSomething();
方法可以将对象应用为this;
this的值是在运行的时候求值的
函数声明使用this 只有等到调用时才会有值
函数可以在对象之间进行公用
箭头函数没有this。在箭头函数中访问this,是外部传进来的。
4、构造函数 和操作符“new"
构造函数
构造函数在技术上是常规函数。不过有两个约定。
1)它们的首字母必须大写
2)只能用”new“ 操作符来执行
例子:
function User(name){
this.name= name;
this.isAdmin=false;
}
let user = new User('jack');
alert(user.name);//jack
双语法构造函数: new.target
function User(name){
if(!new.target){
return new User(name);
}
this.name= name;
}
let Xiao = User("Xiao");//内部已经封装好了,如果不用new关键字,则在构造函数内部自动使用new
构造函数 Return
通常情况下构造函数是没有Return 的
如果有,规则如下:
1)如果return 对象,则返回它,而不是this
2)如果return 一个原函数,则忽略。
换一种说法,带有对象的 return 返回该对象,在所有其他情况下返回 this。
例如,这里 return 通过返回一个对象覆盖 this:
function BigUser() {
this.name = "John";
return { name: "Godzilla" }; // <-- returns 一个 object
}
alert( new BigUser().name ); // 哇哦,得到了对象,name 属性值为 Godzilla ^^
这里有一个 return 空的例子(或者我们可以在它之后放置一个原函数):
function SmallUser() {
this.name = "John";
return; // 完成执行,returns this
// ...
}
alert( new SmallUser().name ); // John
构造函数中的方法
function User(name) {
this.name = name;
this.sayHi = function() {
alert( "My name is: " + this.name );
};
}
let john = new User("John");
john.sayHi(); // My name is: John
/*
john = {
name: "John",
sayHi: function() { ... }
}
*/
javaScript 基础知识汇总(五)的更多相关文章
- javaScript 基础知识汇总 (十五)
1.模块简介 什么是模块: 模块就是一个文件,一个脚本,通过关键字export 和 import 交换模块之间的功能. export 关键字表示在当前模块之外可以访问的变量和功能. import 关键 ...
- JavaScript基础知识汇总
1. 图片热区: <img src="logo.jpg" usemap="#logo"> <map id="logo" n ...
- javaScript 基础知识汇总(三)
1.循环:while 和 for while 循环 while(condition){ //代码 循环体 } do ... while 循环 let i =0; do { //循环体 }while( ...
- javaScript 基础知识汇总(六)
1.基本类型与对象的区别 基本类型:是原始类型的中的一种值. 在JavaScript中有6中基本类型:string number boolean symbol null undefined 对 ...
- javaScript 基础知识汇总(二)
1.运算符 术语或者叫法:一元运算符.二元运算符.运算元(参数) let x=0; x=5+2; //5和2为运算元,“+” 为二元运算符: x=-x; //"-" 为一元运算符 ...
- javascript 基础知识汇总(一)
1.<script> 标签 1) 可以通过<script> 标签将javaScript 代码添加到页面中 (type 和language 属性不是必须的) 2)外部的脚本可以通 ...
- JavaScript 基础知识汇总目录
一.标签.代码结构.现代模式.变量.数据类型.类型转换 GO 二.运算符.值的比较.交互.条件运算符.逻辑运算符 GO 三.循环 while 和 for .switch语句.函数.函数表达式和箭头函数 ...
- javaScript 基础知识汇总 (十三)
1.Class 在JavaScript中 calss即类是一种函数 基本语法 class Myclass{ constructor(){} method1(){} method2(){} method ...
- javaScript 基础知识汇总(七)
1.数组 特点:数组是可以存储有序集合的对象. 声明: let arr = new Array(); let arr=[]; 大多数情况下我们使用第二种. let fruits = [" ...
随机推荐
- java - 进程和线程的区别及联系
1. 进程 (1)进程主要有两个特征: a. 进程是一个实体,占有一定的地址空间.每一个进程都有它自己的地址空间,一般情况下,包括文本区域(text region).数据区域(data region) ...
- Unity实战案例教程之:不免费的PacMan(初级→中级)
课程内容介绍: 本套课程适合以下人士: - 免费资料没教会你游戏开发的: - 学了Unity基础不知道怎么用在游戏项目里的: - 想快速开发一款好玩的游戏的: - 想学游戏不知道如何入门的: - 对游 ...
- 用html和css写一个头部header和左侧菜单栏menu-bar固定的的页面
这个页面header部分是100%的宽度,60px的高度,左侧是刚好一屏的高度,180的宽度,右侧的部分把剩余的空间占满,刚开始的时候还没怎么接触这样的页面,以为使用js读取浏览的可视化宽高,然后在做 ...
- C语言编程入门之--第五章C语言基本运算和表达式-part1
导读:程序要完成高级功能,首先要能够做到基本的加减乘除.本章从程序中变量的概念开始,结合之前学的输出函数和新介绍的输入函数制作简单人机交互程序,然后讲解最基础的加减法运算,自制简单计算器程序练手. 5 ...
- 佳木斯集训Day6
T1还是个找规律啊,记下b的个数,然后直接*2%10000000009就好了 #include <bits/stdc++.h> #define mo 1000000007 using na ...
- 干货 |《从Lucene到Elasticsearch全文检索实战》拆解实践
1.题记 2018年3月初,萌生了一个想法:对Elasticsearch相关的技术书籍做拆解阅读,该想法源自非计算机领域红火已久的[樊登读书会].得到的每天听本书.XX拆书帮等. 目前市面上Elast ...
- golang 结合实例更好的理解参数传递和指针
关于参数传递 其实go的参数传递,核心就是一句话:go里所有参数传递都是值传递,既把参数复制一份放到函数里去用. go的函数传参,不管参数是什么类型,都会复制一份,然后新的参数在函数内部被使用. 不像 ...
- 算法与数据结构基础 - 二叉查找树(Binary Search Tree)
二叉查找树基础 二叉查找树(BST)满足这样的性质,或是一颗空树:或左子树节点值小于根节点值.右子树节点值大于根节点值,左右子树也分别满足这个性质. 利用这个性质,可以迭代(iterative)或递归 ...
- JavaWeb前端分页显示方法
在前端中我们总会遇到显示数据的问题 - 正常情况分页显示是必须的,这个时候我们不能仅仅在前端进行分页,在前端其实做起分页是很困难的,着就要求我们在后台拿数据的时候就要把分页数据准备好,在前端我们只需要 ...
- python数据类型图解