JavaScript学习第一天
JavaScript简介
JavaScript是一种具有面向对象能力的,解释型的程序设计语言。更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运行,而只需要支持它的浏览器即可。它的主要目的是,验证发往服务器端的数据、增加Web互动、加强用户体验度等。
Js是世界上最流行的脚本编程语言。
Js经过多年发展已经成为一门强大的编程语言。
Js属于web语言,它适用于PC,笔记本,平板和各种移动设备。
JavaScript 的作用:
网页主要由三部分组成:结构( Structure)、表现( Presentation)和行为( Behavior)。
Web前端开发中,HTML、CSS、JavaScript三者的关系:
HTML —— 结构层,决定网页的结构和内容;
CSS —— 表现层,设定网页的表现形式;
JavaScript —— 行为层,控制网页的行为;
JavaScript的主要目的:
验证发往服务器端的数据、增加Web互动、加强用户体验度等。例如:菜单、轮播、表单验证等。
JavaScript的核心:
虽然 JavaScript 和 ECMAScript 通常被人们用来表达相同的含义,但 JavaScript 的含义却比ECMA中规定的要多得多。一个完整的JavaScript应该由下列三个不同的部分组成。
1.核心(ECMAScript)
2.文档对象模型(DOM)
3.浏览器对象模型(BOM)
JavaScript的开发工具:
代码编辑器: notepad++, editplus, sublimeText
IDE开发工具: web Storm , HBuilder
浏览器: firefox(火狐浏览器), chrome(谷歌浏览器), opera(欧朋浏览器), IE、Safari等。
JavaScript的语法及注意项
1.Js代码必须位于script 标签内,且Js代码可以出现于html页面中任意位置;
插入Js代码有两种方法:
第一种: 我们可以把HTML文件和JS代码分开,并单独创建一个JavaScript文件(简称JS文件),其文件后缀通常为.js,然后将JS代码直接写在JS文件中。
第二种: 直接加一个script标签, 然后将Js代码写入里面。
2.常见的输出语句
(1)alert 弹出警告框
(2)document.write 将 内容写入到HTML文档中
(3)console.log 将内容写入到浏览器的控制台中
例如:
alert(‘hello world’);
document.write(‘hello world’);
console.log(‘hello world’);
3. Js基本语法规则
JavaScript 是一个脚本语言,是一个轻量级,但功能强大的编程语言
1.Js对换行,缩进,空格都不敏感。
但为了程序的可读性,一条语句单独占一行,每行有适当的缩进。
2.每条语句末尾加分号(如果没有加,则将来压缩后代码不正确)
3.所有的符号都是英文状态的(“”‘’内部除外)
( 注释 )
程序中,为了便于理解,提高可读性,可以写一些给自己或者团队其他成员阅读的内容,但这部分内容不参与执行,称为“注释”。
HTML
CSS /* … /
JS 单行 // 多行 /…*/
Sublime 注释快捷键 :
单行 ctrl + /
多行 ctrl + shift + /
JavaScript 变量和数据类型
1.直接量
直接量: 即字面量,就是可以直接使用的量,简单的直接量分为字符串和数值。
字符串:用单引号或者双引号包着的字符即为字符串;它具有的特点是里面的内容会原样输出。
2.变量
1)什么是变量?
在计算机中,可以通过一些符号表示一些数据,这个符号就是变量(所谓变量,就是可以初始化后可以再次改变的量)。
通俗的说 ,变量就是变化的量,用来保存数据。
2)如何定义一个变量?
变量需要定义才能使用。方法如下:
var 变量名 = 值;
控制台调试工具: F12 -> console(控制台)
代码中: console.log(“变量名”);
变量可以重复赋值,但不能重复定义。
3)变量名的命名规范
A, 第一个字符不能是数字, 必须以字母、下划线或$ 开头
B,变量名区分大小写
C,变量名可以由字母,数字,下划线和$组成
D,不能使用关键字和保留字。
(关键字:
JavaScript描述了一组具有特定用途的关键字,一般用于控制语句的开始或结束, 或者用于执行特定的操作等。关键字也是语言保留的,不能用作标识符)
(保留字:
JavaScript还描述了另一组不能用作标识符的保留字。尽管保留字在 JavaScript 中还没有特定的用途,但它们很有可能在将来被用作关键字)
变量的赋值,取决于最后一次赋值(就近原则)
变量为独立空间,互不影响。
3.变量的数据类型
Js是一门弱类型语言; 变量在声明的时候是没有数据类型的。
JavaScript数据类型分为两大类:
简单(基本)数据类型和引用型类型;
基本数据类型又分为:
数值类型 ( number )
字符串类型 ( string )
布尔类型 ( boolean ) : 分 ture (真)和 false (假)
undefined:未定义
null: 空
以上五种又统称为原始数据类型。
< 数据类型详解
(1)undefined类型
undefined 类型只有一个值,即特殊的 undefined。在使用 var 声明变量,但没有对其初 始化时,这个变量的值就是 undefined
例如:var a;
console.log(a);//undefined
(2)null类型
null 类型是一个只有一个值的数据类型,即特殊的值 null。它表示一个空对象引用(指 针),而 typeof 操作符检测 null 会返回 object。
(3)boolean类型
boolean 类型有两个值(字面量):true 和 false。
(4)number类型
number 类型包含两种数值:整型和浮点型。
例如:
var a=10;//整型10
var b=10.1;//浮点型10
(5)string类型
string 类型用于表示由于零或多个字符组成的字符序列。字符串可以由双引号(")或单引号(’)表示。
注意:字符串中可以包含任何内容,另外 字符串不管包含任何内容均为原样输出
数据类型判定:
方法: typeof 变量名;
typeof运算后的值均为字符串类型;
在Js中, 变量的数据类型的值是不确定的。