学习JavaScript第一天
JavaScript前言
JavaScript诞生于1995年。它当时的目的是为了验证表单输入的验证。因为在JavaScript问世之前,表单的验证都是通过服务器端验证的。
经过许多年的发展,JavaScript从一个简单的输入验证成为了一门强大的变成语言。
JavaScript介绍
JavaScript是一种具有面向对象能力的,解释型强的程序设计语言。更具体一点,它是给予对象和事件驱动并具有相对安全性的客户端脚本语言。JS是世界上最流行的脚本编程语言。JS经过多年的发展已经成为一门强大的编程语言。JS属于web语言,它适用pc,笔记本,平板等各种移动设备。
- 网页的基本组成 :网页主要由三部分组成:结构层(html)、表现层(css)、行为层(JavaScript);
- JavaScipt的主要目的是,验证发往服务器端的数据、增加Web互动。加强用户体验度等。例如:菜单、轮播图等;
- JavaScipt是网景(Netspace)公司1995开发的一门脚本语言。1997年,JavaScipt1.1作为一个草案提交给欧洲计算机制造商协会(ECMA)。制定ECMA-262,该标准定义了叫做ECMAScript的全新脚本语言。1992年成立了Mozilla项目中Firefox(火狐浏览器)在支持JavaScript。 ;
- JavaScript的是由三个不同的部分组成:(1)核心(ECMAScript)(2)文档对象模型(DOM)(3)浏览器对象模型(BOM);
- JavaScript的开发工具有
代码编辑器:notepad++,editplus,sublimeText等;
IDE开发工具:web Storm,HBuilder;
浏览器:firefox(火狐浏览器),chrome(谷歌浏览器),opera(欧朋浏览器),Safai等; - 学习JavaScript需要一定的基础,必须有HTML+CSS基础;
程序的书写位置
1.JS代码必须位于<script>标签内部
例如:
<script type=“text/javascript”>
alert(“hello world”)//弹出框
</script>
2.<script>可以出现在html页面的任何位置,习惯于放在<head>中。
3.也可以独立放在html的外部,html页面引入js文件
例如:
<script type=“text/javascript” src=js/demo1.js“”></script>
JS基本语法规则
JavaScript是一个脚本语言,是一个轻量级,单功能强大的编程语言。
1.Js对换行,缩进,空格都不敏感。
2.每条语句末尾加分号(;)。
3.所有的符号都是英文半角。
常见输出语句
1.警告框
alert();数字可以直接使用,其他需加引号。
2. 在文档中输出
document.write();
3.在控制台输出
console.log();黑色日志
console.warn();黄色警告
console.error();输出红色错误
console.info();黑色信息
4.弹出输入框
prompt(“请出入:”);
5.确认框
confirm();
直接量 变量
1.直接量:又称为字面量
可以再程序中直接使用的量。
常见的字面量:
字符串 :被单双引号包裹的内容
数值 :数字1,2,3,4,1.1,1.11,-1
其他字面量: true false /p/
console.log(true); //特殊的字面量写法
console.warn(false);
console.error(/p/);
console.info(1234565767);//数值字面量的写法
console.warn('内容'); //字符串字面量的写法
2.变量:变化的量。
在计算机中使用一些符号,用来存储数据
变量的定义:
var 变量名; 关键字
变量的赋值:
变量名=值;
变量的取值:
变量名
变量要遵循 先定义 再赋值的顺序。
var a;
a=100;
console.log(a);
变量的命名规则:
1.必须以字母或者_或者$开头;
2.变量名可以由字母,下划线,数字和组成
3.变量名不能使用关键字和保留字
4.变量名区分大小写
规范:
1.变量需要先定义再使用
2.若变量由多个单词组成,驼峰命名法
:从第二个单词开始首字母大写
/*
变量的用法
*/
var $text; //声明一个变量
$text=1111;//为声明的变量赋值
console.log($text);//让这个变量在console(控制台)中以日志信息的方式输出
var a,b,c;//同时定义多个变量中间以逗号隔开
a=1;//为a赋值
b=a;//把a的值赋给b
c=b;//同上
console.log(a,b,c);//让a,b,c变量在console(控制台)中以日志信息的方式输出
c=10;//重新给c变量赋值
console.log(a,b,c)//同上
b=c;
a=c;
console.log(a,b,c);
变量的扩展
(1).变量允许重复赋值,以最后一次为准
(2).定义变量,在内存中开辟空间
(3).变量的内存是独立的空间,互不影响
(4).变量的赋值,传递的是值
(5).①变量未定义,直接输出 error
②变量未定义也可以赋值,(不推荐使用,污染变量的作用域)
③变量提升 预编译状态优先把var提前执行(不推荐)
num=10;
var num;
//等价于
var num;
num=10;
数据类型
1.js的数据类型:
(1)基本(原始)数据类型:
string 字符串类型 ’ ’ " " “123” “ture”
number 数值类型 所有数字
boolean 布尔类型 true(真)false(假)
null 空
undefined 未定义
(2)引用类型:
内置5种:
Object Array Date Function RegExp
2.数据类型的检测:
typeof
运算结果自身是一个字符串类型
定义字符串类型
var a="hello";
console .log(typeof a);
var b=10;
console .log(typeof b);
var c=ture;
console .log(typeof c);
var d=null;//空
console .log(typeof d);//类型object
var add;//变量只声明未赋值
console .log(typeof add);
3.js是一种弱类型语言
js中的变量再定义时候没有类型
变量的类型取决于变量中保存的内容
不能重复定义。