JavaScript

JavaScript入门

*了解JavaScript历史

*能够说出JavaScript的几种引入方式

*掌握如何对JavaScript代码进行行注释与块注

*释掌握什么是变量以及变量的应用

*掌握字面量的概念

*JavaScript 简介

*第一个JS程序(alert 弹窗)

*控制台console

*JavaScript行文特性

*JavaScript 注释

*JavaScript的引入方式

*JavaScript标识符、关键字和保留字

*JavaScript变量

*JavaScript字面量

1. WEB 标准构成

在这里插入图片描述

1995年Netscape推出JavaScript
随后几个月,微软推出了JScript
1997 ECMAScript
欧洲计算机制造商协会(ECMA)
因为JavaScript基于ECMA标准,因此也称为ECMAScript

参考网址:http://www.w3school.com.cn/js

一.JavaScript特点

1.直译式脚本语言(代码不用预编译,在程序的运行过程中逐行进行解释)

2.一种动态类型、弱类型、基于原型的语言

3.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,在HTML网页上使用,用来给HTML网页增加动态功能,能在浏览器中实时浏览到交互效果。

兼容性问题: IE6、7、8是个怪胎,对JavaScript语法有兼容性问题,所以要写兼容写法。

花式写法很多,抽象:从简单入手,细细品味代码

二.学习方法

1.要多去“品”程序,多去思考内在逻辑,读懂每一行代码!

2.JS 机械重复性的劳动几乎为 0,基本都是创造性的劳动。HTML、CSS 都是重复的劳动,margin、padding 挤来挤去。

3.永远不要背程序,每一个程序都必须自己会写,有一个每天的作业,重复老师的上课案例。

三. alert()

alert 就是英语中“警报”的意思,能够让页面弹出警告框。

让浏览器弹出一个窗口,窗口里的内容就是alert()中的内容。

在这里插入图片描述

四.consol.log()

控制台是 浏览器“检查”或者“检查元素”里面的功能,快捷键是 F12。英文叫做 console。

程序运行后所产生的错误,都会在控制台中输出,控制台是调试程序的一个利器。

比如右边的语句用了中文的符号,有语法错误:

在这里插入图片描述

有些时候我们想在控制台中自己输出点什么,那么就要使用语句:

console.log();

console 就是控制台,log 就是日志的意思,这里是动词,表示打印。console.log(“你好啊");

要养成打开控制台调试程序的习惯哦

五.JavaScript

alert(“你好啊!”); 这是一条语句

JS中的每条语句以分号 ; 结尾。

如果语句是一行一行写的,没有分号结尾也是有效语句。但项目做好后,通常都会进行压缩,用软件把所有的空格、换行都去掉。此时,语句末尾的分号显得非常重要,如果去掉分号,将不能执行。

注意:所有的符号都是英文的符号,不要用中文

在这里插入图片描述

六.JavaScript空格、换行

JavaScript 语句和语句之间的换行、空格、缩进都不敏感,会忽略多余的空格。

可以向脚本添加空格缩进,来提高其可读性。

在这里插入图片描述

七.单行注释

//注释内容 不可换行

在这里插入图片描述

八.块级/多行注释

/*注释内容

可以换行*/

在这里插入图片描述

注释用于提高代码的可读性

编辑器里注释的快捷键一般是: ctrl+/

注意:注释的符号,不能嵌套

九.内部书写

在HTML文件中直接进行代码的书写,JS 写在

注意:这个 type必须写准确,可以不写,但是要写,一定要写准确,否则失效。

在这里插入图片描述

十.外部引入

在这里插入图片描述

十一.直接写在HTML标签内(不推荐使用)

在这里插入图片描述

十二.标识符

就是一个名字,用来对变量、函数、属性等进行命名。

1.标识符命名规范:

第一个字符必须是一个字母、下划线(_)或一个美元符号($);

其他字符可以是字母、下划线、美元符号或数字;

不能含有空格;

不能以关键字或保留字命名。

2.关键字、变量、函数名及所有的标识符都区分大小写

比如:变量ABC; 和 变量abc;

十三.关键字

关键字可用于表示控制语句的开始或结束,或者用于执行特定操作等。Javascript 中的很多内置功能用关键字标注起来,便于程序员调用。按照规则,关键字也是语言保留的,不能用作标识符。

在这里插入图片描述

十四.保留字

保留字有可能在将来被用作关键字来使用,不能用作标识符。

在这里插入图片描述

十五.变量

变量是存储信息的容器。

JavaScript的变量为弱变量,可以用来保存任何类型的数据。

C语言 JavaScript

int定义整型数据 在JS中,只有var这一种声明

float定义浮点型 类型的数据char定义字符型

变量的类型,它可以声明各种

定义变量——使用关键字 var 声明。var 就是英语 variables 变量的缩写var a;

定义一个变量a,电脑内存中,就会开辟一个空间,来存储这个变量 a。可以给这个变量赋值,JS 中给变量赋值用等号,等号右边的值赋给左边

var a=20;

console.log(a);

可以通过var声明多个变量,变量与变量之间以,逗号隔开

var a=20,b=100;

console.log(a,b);

十六.变量的命名规范

第一个字符必须是一个字母、下划线(_)或一个美元符号($);

其他字符可以是字母、下划线、美元符号或数字;

不能含有空格;

不能以关键字或保留字命名。

在这里插入图片描述

十七.变量须先声明

使用一个变量,必须先进行一个 var,才能使用。 var 这个过程可以叫做声明 declaration,也可以叫做定义 definition。直接运行语句:

在这里插入图片描述

十八.变量的赋值

在这里插入图片描述

十九.变量声明的提升

a = 100;

var a; // 这行代码会自动提升到所有语句之前 console.log(a); // 输出:100

注意:JS 只能提升变量的声明,而不能提升变量的赋初值

在这里插入图片描述

不写 var 的情况

a = 123;console.log(a); // 输出:123

没有通过var定义变量,程序没有报错,正常输出值。但用var和不用var定义变量是有区别的,作用域那一节再具体讲述。

二十.字面量

在计算机科学中,字面量(literal)是用于表达源代码中一个固定值的表示法(notation)。由字母,数字等构成的字符串或者数值,它只能作为右值出现,所谓右值是指等号右边的值。字面量分为:字符串字面量(string literal )、数字字面量、数组字面量(array literal)和对象字面量(object literal),另外还有函数字面量(function literal)。

var a=1; // 1是数字字面量 var b=“你好”; // ”你好“ 是字符串字面量var c=[1,2,3]; // [1,2,3]是数组字面量var d={“age”:”10”} // {“age”:”10”}是对象字面量function myFunction(a, b) { return a * b;} // 函数字面量

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值