超详细快速入门JavaScript详解(一)

目录

一. JS概述&入门

二.JS组成

三. JS引入方式

四. JS-注释

五.JS-变量

1.基本数据类型

2.引用数据类型


一. JS概述&入门

我们为什么要学习JS?: 为了做页面的各种特效

HTML:肉体

CSS:穿衣服/化妆

JS:大脑、灵魂

 

脚本语言:(快)

1、无法独立执行。必须嵌入到其他语言(HTML)中,结合使用。

2、无需编译,直接被浏览器解析执行。

 

Java编程语言:(安全、维护性高、执行效率)

1、独立写程序,独立运行。 编译---执行

2、先编译  后执行

 

  • 举例:


 

  • 小结:
  • JavaScript的执行过程由上到下依次执行 (代码出错会强行停止)

超详细快速入门JavaScript详解(一)_第1张图片

 

 

  • JavaScript没有访问系统文件的权限(安全)
  • JavaScript允许出现一定数量的链式编程

 

 

 

二.JS组成

超详细快速入门JavaScript详解(一)_第2张图片

  • ECMAScript (核心):规定了JS的语法和基本对象。

(if,for,while…..)

  • DOM 文档对象模型:处理网页内容的方法和接口

标记型文档。HTML

(页面特效)

 

  • BOM 浏览器对象模型:与浏览器交互的方法和接口

(浏览器操作(浏览器打开、关闭、地址栏、浏览器桌面上的位置))

 

 

三. JS引入方式

 

向HTML中引入JS代码:

 

  • 内部脚本:(写在HTML页面上)

格式:

 

 

  (.js)

 

 

 

  • 注意:

引入外部JS的

 

  • JavaScript严格区分大小写

var aa   和   var AA   不是同一个变量

 

 

1.基本数据类型

类似于java中的基本数据类型。

超详细快速入门JavaScript详解(一)_第4张图片

  • 举例:

 

 

通过typeof运算符可以分辨变量值属于哪种基本数据类型

超详细快速入门JavaScript详解(一)_第5张图片

 

ECMAScript实现之初的一个bug,null属于基本数据类型,typeof(null)--àobject

举例:


 

 

2.引用数据类型

Java 中的引用数据类型 都是Class(类)

JavaScript中的引用数据类型 都是对象。

 

标准创建方式:

var str = new String();//和java相同

var str = new String;  //js独有的方式

引用数据类型默认值:null

 

 

看完恭喜你,又知道了一点点!!!

你知道的越多,不知道的越多! 

~感谢志同道合的你阅读,  你的支持是我学习的最大动力 ! 加油 ,陌生人一起努力,共勉!!

 

你可能感兴趣的:(JavaScript)