第五次网页前端培训（JS基础）

1：JS基本用法

行内JS：写在标签内部的js代码；内部JS：定义在script标签内部的js代码，script标签可以放在head中或body中（建议放在body标签最后）；外部JS：单独的js文件，在HTML中通过script标签导入。

注：如果script标签设置了src属性，则在script双标签之间的js代码不会生效

2：基础语法

语句：1：JS代码一行为单位，代码从上往下执行，一行一条语句。

2：语句不加分号结尾，如果一行定义多条语句，每句语句必须以分号结尾。（建议都加分号）

3：表达式不需要以分号结尾，如果加了分号则JavaScript引擎会当作语句执行，生成无用的语句。

注释：1：HTML代码注释

2:JS代码注释：//单行注释；/* 多行注释 */

标识符：规则：由Unicode字母、_、$、数字组成、中文组成

（1）不能以数字开头

（2）不能是关键字和保留字

（3）严格区分大小写

规范：（1）见名知意；（2）驼峰命名或下划线规则

关键字：声明变量时，不要使用关键字。

3：变量

JS是一种弱类型语言，在声明变量时不需要指明数据类型，直接用var修饰符进行声明

注：也可以不使用var修饰符，直接声明并赋值。

变量的声明：1、先声明在赋值

2、声明并赋值

变量的注意点：1、如果变量只声明而未赋值，则显示undefinded.

2、如果变量未声明就使用，则会报错

3、可以用var同时声明多个变量

4、如果重新声明一个已存在的变量，是无效的

5、如果重新声明一个已存在的变量并赋值，则会覆盖

6、JS是一种动态的弱类型语言，可以声明任意类型的变量

变量名提升：JavaScript 引擎的工作方式是先解析代码，获取所有被声明的变量，然后再一行一行的运行。这造成的结果，就是所有的变量声明语句，都会被提升到代码的头部，这就叫变量提升。

4：数据类型

4.1：undefined（值不存在）

出现的情况：1.变量只声明未赋值，值为undefined；2.当定义函数时需要形参，调用函数未传递实参时，参数的值为undefined；3.当函数没有返回值，接收值为undefined。

注：定义函数使用function

4.2:null类型（表示空值）

注意点（1）：使用typeof操作符测试null返回object字符

（2）：undefined 派生自null，所以等值比较返回值是true。未初始化的变量和赋值为null

4.3：数值型（整型和浮点型）

4.4：字符串类型

（1）使用' '或" "引起来

（2）可以使用" + "将字符串进行拼接

4.5：对象类型

数组：var 数组名 = [ ]；

对象：var 对象名 = { }；

函数 function 方法名（）{

}

第五次网页前端培训（JS基础）相关推荐

梅科尔工作室-第五次网页前端培训（JS，JavaScript）
js学习包括:(*为重点) 基础语法:语句与注释,标识符与关键字,*变量,数据类型,类型转换,运算符,控制语句,*数组,*函数,内置对象,*对象事件:*事件类型,事件流和事件模型,事件处理程序 BO ...
第五次网页前端培训（JS）
学习网址:[优极限] HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibilin 1.安装编译器 HBuilder X:HBuil ...
第五次网页前端培训笔记（JS）
学习网址:视频网址资料网址框架内容 JavaScript是一种具有面向对象能力的,解释型的程序设计语言. 核心语法ECMAScript -―描述 ...
第五次网页前端培训笔记（JS变量、数据类型、类型转换）
一.JS变量变量必须以字母开头变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做) 变量名称对大小写敏感(y 和 Y 是不同的变量) 注:JavaScript 语句和 JavaScript 变 ...
第五次网页前端培训笔记（js1）
1.js的基本使用 JavaScript(简称"JS") 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言.虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多 ...
第五次网页前端培训（JavaScript）
JavaScript 1主要内容 1.1简介 js是面向对象,解释型的语言.基于对象与事件驱动并具安全性的客户端脚本语言.主要目的:验证发往服务端的数据,增加web互动,增加用户体验度等 js组成(E ...
网页前端培训（HTML）
1.安装编译器网址:HBuilderX-高效极客技巧选择windows标准版 2. HTML基础学习网址: 1.HTML 基础 | 菜鸟教程 2.[优极限] HTML+CSS+JavaScrip ...
Web前端，JS基础之ATM取款机案例
前言持续学习总结输出中,今天分享的是Web前端,JS基础之ATM取款机案例需求用户在ATM取款时可以选择存钱.取钱.查看余额和退出功能分析 1.循环的时候,需要反复提示输入框,所以提示框写要到 ...
web前端培训JS 运行机制的梳理
展现形式:由于是属于系统梳理型,就没有由浅入深了,而是从头到尾的梳理知识体系, 重点是将关键节点的知识点串联起来,而不是仅仅剖析某一部分知识. 内容是:从浏览器进程,再到浏览器内核运行,再到JS引擎单 ...

第五次网页前端培训（JS基础）

第五次网页前端培训（JS基础）相关推荐

最新文章

热门文章