一,js三大组成部分
(一)组成部分:
(1)ECMAScript:代表了语言的标准,规范,描述了语言的基本语法和数据类型。
(2)BOM:代表了浏览器。
<1>描述了浏览器的使用和操作,被称为浏览器对象模型,抽象出的对象为Window.
<2>通过Bom可以操做浏览器。
(3)Dom:代表了页面。
<1>描述了在浏览器中呈现给用户视觉显示的页面操作和使用,被称为文档对象模型,抽象出来的对象为Document.
<2>可以操作页面中的元素,比如:增加减少div.......
(二)js的编写与运行:
(1)步骤:在磁盘新建一个文件夹,打开编辑器:新建项目,寻找新建文件夹路径,选择基础Html语法对勾;在编辑器工行区寻找文件夹;
(2)运行:在打开方式选择要打开的浏览器;
(3)将要运行的js代码,写在<script></script>里;<script></script>可以写在HTML任何一个地方;但是写在最后,可以解决很多问题;
(4)document.write --------------打印在页面; console.log-----打印在控制台;
(5)一个文件中是否可以有多个js 文件:一个Html里有多个<script></script>标签,代码执行顺序自上而下;
(6)引入方式:
<1>页面里:在HTML里创建<script></script>标签;
<2>页面外:在外部文件夹创建js 文件,在HTML里引入js文件<script src="文件路径" type=""></script>;
【注意】在引入的script里不能够在写js代码;
(三) 注释:
注意:为了学习方便,写内部,开发过程要使用外部.不能使用数字开头命名文件,不能出现文字。
(1)Css中:/* */
(2)Js中:<1>单行 : // <2>多行: /* */
二,变量
(一)变量---概念
数据类型是检验数据合法性的必要条件;
(1)变量指的是程序中保存数据的一个容器
(2)是计算机内存中存储数据的标识符,根据变量名称可以获取内存中存储的数据。
(二)声明变量:
常量:在程序运行的过程中不能修改的值; -----也称为字面量
变量: 在程序运行的过程中能修改的值;
(1)方式:
<1>var :告知编译器后面的标识符是一个变量;
关键字: 已经被赋予功能的单词;
var a; a=20; ------验证 alter(a)
<2>声明的同时进行赋值:
等号左值变量空间;右值变量值
var name = "admin"; ----声明变量,将等号右侧的值变量解析后,存储。
(*)var a;-----声明变量没有赋值,称为空变量。
(2)变量命名规则:
<1>必须语义化,
<2>只能以字母,下划线(_),$开头;不能与关键字重名。
可以使用数字0-9 字母a-z;A-Z,下划线_,美元$符
例如:var _; var $; var abc ; var abc1;
<3>不能有中文,拼音尽量不要用
<4>区分大小写
<5>尽量驼峰式,有多个单词组成,第一个单词后面每个单词首字母大写。
大驼峰:var LastIndex
小驼峰:var lastIndex
(*****)一般情况下使用小驼峰,特殊场景下使用大驼峰,例如:构造函数
<6>绝对不能使用关键字或保留字命名变量。
(*只要单词有功能就不能用,一定要用就在单词前加前缀:XX_name)---功能,结构,页面,数据类型,开发者,公司名等
关键字:已经被赋予功能的单词
保留字:将要被赋予功能的单词
(*)var var = 10------这个是错的,切记。。
(3)如何显示计算机的执行结果
<1> alert (要显示的信息或变量)---以弹出框的方式将结果显示出来,会暂停程序的执行。
<2> document.write (要显示的信息或变量)----将显示的结果打印在页面上 网页上将要显示的内容换行(document.write("</br>"),能够支持Html标签。
例:document.write("<p>段落</p>"), 不要解析标签:
document.write("<p>段落二<p>")........
<3> console.log(要显示的信息或变量)-----将显示的信息打印在控制台,不会阻止程序执行,不会解析Html标签,一次打印多个,一个console.log打印一行。
总结:1,帮助程序员调试程序执行的结果。
2,console.log最常用,因为alert会阻止程序执行,document.write影响页面布局。
三,JS的数据类型:
(一)分类:基本类型,复杂类型
1,分类:(基本类型)
存储方式 :
(1)字符String:所有使用引号包裹的数据,引号包括:单、双、反引号------ "10"; var a = "10"; console.log("")-----空字符
(2)数值Number:0-9,NaN
<1>NaN:不是一个数字的数值型数据,表示错误的数值运算。
例如:hello-10
【区别】:在谷歌浏览器中,字符"0 "在控制台显示黑色,Number中0在控制台显示蓝色】
(3)布尔值B oolean: false--假, ture---真
(4)undefined: undefined,表示没有值,或未赋值
<1>例:var a =underfined;
var b;
console.log(a);
console.log(b)
console.log(undefined)
结果全部为:undefined
consloe.log(c)-----出现错误报错(not defined),c未定义
<2>undefined:声明了但未赋值
(5)null: null 表示为空,是一种状态,不能通过计算得到,直接设置
<1>例:var a =null; console.log(a) -------null
(*)总结(js中的三大特殊数据):NaN, underfined, null
(复杂类型)
(6)对象object:.........标志是花括号:{} ---var obj = {}; console.log(obj)
(7) 数组Array:.........标志是中括号:[] ---var arr = []; console.log(arr)
(8) 函数function:.........标志是function ----function fn{}; console.log(fn)