#前端 JS

JavaScript为Web编程语言,与Java无关。Web程序中,HTML定义页面内容;CSS描述页面布局;JS控制页面行为;
相关手册
①JS实例:https://www.runoob.com/js/js-examples.html
②JS对象实例:https://www.runoob.com/js/js-ex-objects.html
③JS浏览器支持实例:https://www.runoob.com/js/js-ex-browser.html
④JS HTML DOM实例:https://www.runoob.com/js/js-ex-dom.html
⑤JS内置对象、Browser对象、HTML DOM 对象:https://www.runoob.com/jsref/jsref-tutorial.html

零、Chrome调试代码
——————————————————————————
1.按F12或右键->检查或菜单栏:更多工具->开发者工具开启调试页面。
其中,

一、函数
——————————————————————————
1.未声明变量赋值创建的全局变量,是全局对象的可配置属性,可以删除。

var var1 = 1; // 不可配置全局属性
var2 = 2; // 可配置全局属性
delete var1; // false
console.log(var1); // 1
delete var2;
console.log(var2); // 已删除,报错
2.变量在函数中没有var声明,也为全局变量;
3.全局变量都是window对象。
carName = "BMW"; // 其他地方可使用window.carName

二、事件
——————————————————————————
事件可以是浏览器行为或用户行为。

三、字符串
——————————————————————————
字符串可以创建为对象,但这么做会拖慢执行速度并产生副作用;

四、标签
——————————————————————————
JS语句可以加上标签标记
label:
statements
break labelname 可以跳出任何JS代码块

五、typeof
——————————————————————————
1.数组为特殊对象类型,typeof [1,2,3] 将返回object;
2.null表示什么都没有,typepf null将返回object;
3.null == undefined, 但null !=== undefined;

六、数据类型
——————————————————————————
1.NaN的数据类型是number;
2.一元运算符 + 可以将变量转换为数字(逻辑不能转换的情况下仍是数字,其值为NaN);
3.Number(false) // 0;Number(true) // 1;
4.JS会尝试将错误的数据类型转换为“正确”的数据类型:
5 + null // 5,null->0;"5" + null // "5null",null->“null”;"5" + 1 // "51",1->“1”;"5" - 1 // 4,"5"->5;
5.输出对象或变量会自动调用变量的toString();

七、调试
——————————————————————————
1.JS中插入console.lot()在调试窗口打印变量值;
2.JS中插入debugger;语句设置断点;

八、声明提升(hoisting)
——————————————————————————
1.JS的变量及函数可以先使用再声明,不过解释器会在执行时将声明提升到方法体顶部,但是变量初始化不会提升;
2.JS严格模式(在脚本或函数头添加"use strict";)不允许使用未声明的变量;

九、严格模式
——————————————————————————
1.消除JS语法的不严谨处,提升编译效率;
2.不允许使用未声明变量、删除变量、变量重名、使用八进制、使用转义字符、对只读属性赋值、对使用getter方法读取的属性进行赋值、this指向全局对象等;

十、常见错误
——————————————————————————
1.switch语句使用恒等(===)进行比较;
2.浮点数进度为64位float
var z = 0.1 + 0.2; // 结果为0.30000000000000000004
3.JS对象才能使用字符串作为索引,若数组使用字符串作为索引会转为标准对象,数组的方法及属性都不能再使用;
4.JS中,null用于对象,undefined用于变量、属性及方法。若对象未定义,直接通过等式判断存在性会报错,要先用typeOf检测对象:
if (typeof myObj !== "undefined" && myObj !== null) ;
5.一般代码块的作用域都是全局的;

十一、DOM
——————————————————————————
什么是DOM?

十二、this
——————————————————————————
1.方法中指调用this所在方法的对象;
2.函数中指向全局对象;
3.单独使用指向全局(Global)对象,浏览器中,window就是该全局对象;
4.事件中this指向接收事件的的HTML元素;
5.函数对象的apply和call允许切换上下文环境,即this绑定的对象;

十三、let和const
——————————————————————————
1.let声明的变量作用域只存在于let所在的代码块;
2.const声明一个只读常量;

十四、JSON(JavaScript Object Notation)
——————————————————————————
1.JSON用于存储数据格式、服务端想网页传递数据;
2.JSON格式化后为JavaScript对象,因为JSON格式与创建JS对象的代码语法是相同的;
3.JSON语法:①数据为键值对;②数据由逗号分隔;③{}保存对象;④[]保存数组;
4.JSON.parse()将JSON转换为JS对象;JSON.stringify()将JS值转换为JSON;

十五、void
——————————————————————————
1.#包含一个位置信息,默认的锚是#top即网页顶端;
2.href="#+id" 跳至页面具体位置;href="javascript:void(0)"表示一个死链接;

十六、异步编程
——————————————————————————
1.耗时长的事件往往用子线程执行,避免影响主线程;
2.JS往往通过回调函数实现异步任务(setTimeout);
3.异步回调还能使用AJAX编程;
4.异步编程还能使用Promise类(多次异步等);
——————————————————————————
参考自runoob.com,侵删。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,372评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,368评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,415评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,157评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,171评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,125评论 1 297
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,028评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,887评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,310评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,533评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,690评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,411评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,004评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,659评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,812评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,693评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,577评论 2 353

推荐阅读更多精彩内容