初始js,js的变量

js起源

由布兰登,艾奇在1995年进行开发

JavaScript和ECMAScript的关系

ECMAScript (简称“ES”)

核心( ECMAScript ):提供语⾔的语法和基本对象

⽂档对象模型( DOM ):提供处理⽹⻚内容的⽅法和接⼝

浏览器对象模型( BOM ):提供与浏览器进⾏交互的⽅法和接⼝

Js的运行环境

1.浏览器环境

2.Node.js环境

Js的特点

1.解释性脚本语言

不用编译,直接运行

2.面向对象

不仅可以创建对象,还可以操作已有的对象

3.弱类型

对数据的类型没有严格的要求

4.动态性

JavaScript 是⼀种采⽤事件驱动的脚本语⾔,它不需要借助web服务器就可以对⽤户的输⼊做 出响应,例如我们在访问⼀个⽹⻚时,通过⿏标在⽹⻚中进⾏点击或滚动窗⼝时,通过JavaScript可以直 接对这些事件做出响应

5.跨平台

不依赖操作系统,在浏览器中就可以运行,

Js的引入方式

1.行内式

行内式----将js代码放在HTML标签的属性值使用

 
 
 点我有惊喜
 

2.嵌入式

把script包裹成JS代码,然后用户直接在script标签中直接编写

 

3.外链式

JS不仅可以直接放在HTML文档中,也可以在Javascript脚本文件中。拓展名是 .js ,

JavaScript的输出

使⽤ window.alert() 函数弹出提示框

alert(message);

使⽤ window.confirm() 函数弹出对话框

confirm(要输出的内容);

使⽤ window.prompt() 函数弹出可以让⽤户输⼊的提示框

prompt("说出你的暗号:");

使⽤ console.log() 在浏览器的控制台输出内容

console.log("爱你孤身⾛暗巷,爱你不跪的模样");

使⽤ document.write() ⽅法将内容写⼊到HTML⽂档中

document.write(输出语句);

字面量和变量

字面量:

固定不变的值,可以直接使用,一般不用这个

eg:alert(3.14159265);

变量

var a = 1;

同时声明多个变量

ar x = 2, y = 3, z = 4; //同时定义a、b、c三个变量并分别赋值为2、3、4

// var x = 2, //为了让代码看起来更⼯整,上⼀⾏代码也可以写成这样

// y= 3,

// z = 4;

变量提升

JavaScript在预编译期会先预处理声明的变量,但是变量的赋值操作发⽣在JavaScript 执⾏期 ,⽽ 不是预编译期。

JavaScript引擎的解析⽅式是:先解析代码,获取所有被声明的变量,然后再⼀⾏⼀⾏地运⾏。这 样,所有声明变量都会被提升到代码的头部,就叫做 变量提升 (Hoisting)。

let

声明的变量不能重复定义

只在其所在的代码块有效

你可能感兴趣的:(javascript,前端)