JS基础

本文深入解析JavaScript的基础知识,包括同步性解释、内联与外部JS的加载方式,以及变量、方法的使用规范。重点对比了ES5与ES6在变量声明、作用域及函数定义上的区别,探讨了新旧标准对浏览器兼容性的影响。

一、Js基础

从上向下的同步性解释文档。
上面的代码不能调用下面script中的标签,下面的代码可以调用上面的标签

内联js:<a href="javascript:void(0)">超链接</a> 默认阻止跳转
载入外部js:可以再head和body部分 一定要写上 ./ 表示当前文件所在的文件夹。如果加载的js中,变量或者函数相同时,就会覆盖,称为变量污染
在控制台中,打印的数值是蓝色,字符串是黑色

1、注释

ctrl+/ 行注释,注释一行的代码
shift+alt+a 块状注释。
块状注释可以用来注释一行中的部分内容
块状注释可以用来注释掉一个函数中的大量代码
块状注释对于函数的注释说明在函数部分讲解

2、方法变量

js语言每行结束时必须使用;(半角)结束。
js代码中大小写必须严格按照规定。
一般首字母都是小写,除了类。都使用驼峰式命名规则:除了第一个以外,每个单词的首字母大写。
方法结构一般为 方法名(参数…) 必须是英文半角
alert() 将字符串以弹窗弹出,并且暂停到当前行

js是点语法,表示某个对象的方法和属性
document.write(“10”,“20”);
document.write(“超链接”);
document.body.innerHTML=“你好”;
document.body.innerHTML="

";
以上对象有两种模式,一种是属性,属性使用等号"="赋值,一种是方法,方法需要使用括号执行

document.write() write仅属于document的方法,可以给整个文档中添加内容。div0.write(),这种写法就无法实现。
innerHTML是所有body内(含body)标签的属性,可以给这些标签内局部添加标签

js常用的4个方法

console.log()
alert()  警告消息框
confirm()    确认消息框
prompt()    提示消息框----就是专门用来给用户提供输入窗口的

3、ES5 和 ES6

为了可以让所有浏览器都是用js,我们定义了一个标准
ECMAScript,各大浏览器都必须按照这个标准渲染页面
ES5 IE8时代支持的js标准
2015年正式使用ES6 又称为ES2015

(1)、ES5之前

代码遵循从左至右执行。
a=3; a=“a”;a=b=3;连等先赋值给=号最左边的元素,再逐级向右
=号左侧是变量名称,=号右侧是值
不需要定义,随手写,不需要类型(弱类型)
=号赋值也有返回值 console.log(a=3); 打印一个3
a=(b=3) 这里a先等于b=3的返回值3,再给3赋值给b

(2)、ES5

不允许直接使用变量的赋值
如果不使用var声明,那就这个变量就一定是window的属性
而在函数以外的地方使用var声明也是设置了window的属性
变量命名规则
1、变量必须驼峰式命名
2、临时变量必须使用_起头,后面接驼峰式,有时也会在函数的参数中使用临时变量名
3、变量不可以使用关键词和保留字
4、全局的变量名不能与window下的属性和方法同名

(3)、ES6

let 变量 ES6的定义语法
const 常量 变量是定义后可以变化值的,常量是一旦定义值就不能再改变
常量定义时名称必须全部大写,并且使用_区分单词。使用常量目的是不会被别人修改或者变量污染改变
const EVENT_ID=“changes”;

4、代码提示信息

alert(message?:any):void
提示 message参数名称 ?可以不写值 :any 这个参数的类型可以是任何类型 :void 无返回值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值