JS

1.JS的历史
a) 1992年Nombas开发出C--,后改名为ScriptEase
b) Netscape 接受Nombas理念,开发了JavaScript
c)微软搭载了一个JavaScript的克隆版叫Jscript.
d)ECMA统一为ECMAScript
javaScript由下面三个部分组成:
a.核心
b.文档对象模型(DOM)
c.浏览器对象模型(BOM)
js是面向对象的语言:
1.封装
2.继承
3.多态
4.聚集 -> 对象中具有引用其他对象的能力.
js使用中绝大多数情况不需要进行面向对象的设计.更多情况是使用已经设计好准备好的对象.
基于对象的语言.
2.JS的引入
1>页面中直接在Script标签中书写
script标签位置任意,但是位置越靠前加载越早。
2>在script标签中引入
js外部文件推荐扩展名是.js,但是其实任何后缀名都可以。
3>使用script标签引入外部文件,那么该script标签中就不要书写js代码。
3.JS的基本语法
1 变量声明
变量声明使用var
变量区分大小写
字符串使用双引号 或单引号包裹都可以
行尾使用“;”作为一行的结束符号(也可以没有“;”,以折行符作为替代)
js中的注释有两种单行,多行
//单行注释“//”
多行注释“/* */”
4.封装代码块与java一样,使用{}
5.变量声明时,前缀var 也不是必须的。
前缀var也可以不加,如果不是var那么该变量是全局变量
4.JS中的类型
java ==> 基本数据类型 和 引用数据类型
js中 类型也分为两种 ==> 原始数据类型 和对象数据类型. 与java一模一样
java中 基本数据类型有哪些? byte short int long float double Boolean char
js 中原始数据类型有哪些?
number(数字,浮点型,整型)
string(js语言的突破,没有char类型.)
Boolean
null(用来标示引用数据类型的占位符. 通常都是人为赋值.) var person = null;
undefined (由null衍生出来的值,是当我们声明一个变量,没有给该变量初始化值,那么系统会自认为赋值为undefined)
原始数据类型 判断符
typeof ==> 用来判断一个变量是哪种原始类型
5.JS中的语句
//java中有哪些语句?
//循环:for while-do do-while
//判断:if swith
//js中语句 与java中一模一样
//特殊:java中增强for循环在js中没有.
js中有for(var xx in xx) 语句 => 用的很少,用来遍历对象的属性。
6.JS中的运算符
一元运算符
void ==> 放到后面,学完函数讲
一元加法,减法
var a = +1;
var b = -1;
在js中的高级应用.
var c = + "1"//这样写是在进行类型转换
var c = -"abc"//这样写会进行类型转换,转换失败。
//boolean运算符
string ==> ""==> 转换为false 其他都为true
number ==> 除了NaN,+0 和 -0.其他都转换为true

//NaN特性:
//1 NaN参与任何boolean运算返回值都是false,除了!=
alert(6>NaN);//false
alert(6>NaN);//false
alert(6==NaN);//false
alert(NaN == NaN); //false
//因为undefined是null衍生出的,所以
alert(undefined == null); //true

比较运算符
alert(11>3);//true
//当运算符两端,一端是数字,一端是其他类型时,一端会向数字类型转换;
//字符串在进行比较时,规律是:比较首字符asc码。如果一样,比较第二位...
alert("11">"3");//false
alert("abc">11);//false
false转换成0;true转换成1;undefined不能转数字
等号和非等号

ECMA定义的对象
Object是所有对象的超类
java中方法,函数
//public void xxx(){}
//function fun1(){ } ==> 这是定义对象。特殊之处,就是像java中的方法一样可以执行
js中的函数对象:
function fun1(){
alert(‘aaa’)
}
alert(fun1.toString())//函数对象的toString方法,打印函数的完整定义
方式1 ==> 函数对象的构造方法中,最后一个参数是定义函数的提。之前所有参数都是
var fun2 = new Function("a","b","alert(a+b);");
相当于function fun2(a,b){
alert(a+b);
}
函数调用:
fun2(1,2);//3
fun2(1,2,3);//3
fun1();//NaN

function fun3(){
alert(arguments.length);
}
fun2(); //0
fun2(1,2); //2
fun2(1,2,3); //3
arguments ==> 代表函数运行时的实际参数列表

//js中存在函数的重载么?如何重载?
function fun3(){
alert('aaa')
}
function fun3(){
alert('bbb')
}
//如上不能重载,是覆盖
重载
function fun4(){
if(arguments.length == 2){
alert(xxx)
}else
if (arguments.length == 3){

}
}
fun4(1,2);//3
fun4(1,2,3);//
return 关键字,在js中也可以作为结束方法运行的功能.
// -- 运算符void( )的使用 ----
alert(void(fun2(1,2)));//undefined

点我
点我

ECMAScript中对对象的


JS_第1张图片
image.png

JS --> 原始类型string可以使用对象类型的方法和属性。
string Boolean

Boolean 和 Number类型中的方法在开发中几乎不可能用到。
String对象 ==> 学习重点
//length ==> 长度
方法:
1.没用的方法
alert(str1.big())
alert(str1.sub())
alert(str1.bold())
2.重要的方法
//indexof
//lastIndexof
//charAt
alert(str1.charAt(0));
//charCodeAt返回字符所在的asc码
//substring
alert(str1.substring(0,1));//a
//slice 支持负数
alert(str1.slice(0,-1));//a
//3.与正则结合的方法(正则对象讲完回来看。)
//split
//replace
//match
//search
利用三大包装类的构造函数进行强制转换
运算符 ==>
typeof 运算符判断原始数据类型的。
instanceof 运算符用来判断属于哪个对象。
内建对象:
一个是Global对象
//不需要创建实例
global对象:
关于解码和编码的方法:
encodeURI
decodeURI
var url = "http://www.baidu.com?name=?张/三:"
var url2 = encodeURI(url);
alert(decodeURI(url2));
encodeComponent 编码当蹄壳的值中包含一些url中的敏感符号时,使用该方法对敏感符号编码
//isNaN 判断某个值是否是NaN ==> NaN = = NaN => false
alert(isNaN)
//parseInt 转换成整数
//parseFloat 转换成浮点数

var str = "123"

//使用 +
//使用new Number()
//3.parseInt

//区别:1,2两种转换属于将字符串整体转换,如果存在不属于该类,就为NaN
3.从左到右,能转一个是一个,直到遇到不能转换的值停止。
3.与正则结合的方法

//parseFloat 转换成浮点数
//与上面的parseInt一样,区别是支持转换小数

Math对象
不需要创建实例,直接使用即可。

属性:
//PI ==> 3.14159圆周率
方法:
random方法 ==> 返回随机数0~1之间的随机数 包括0不包括1
alert(Math.random());

round方法 ==> 四舍五入方法.
//max/min 方法

//pow ==>次方

//Array对象 ==> 数组
1> 创建方式1
var arr1 = [1,2,3];
2> 创建方式2同方式1
var arr2 = new Array(1,2,3);
3>创建方式3 ==>创建一个长度为3的数组,数组Array的构造函数,如果只传一个参数,并且
var arr3 = new Array(3);

js数组的特点:
//1.js中的数组,类型任意
//2.数组声明了没有赋值,那么它的元素是类型是undefined

//3.方法
var arr4 = [1,2,3]
//join方法 ==> 将数组中的每个元素连接起来返回一个字符串,参数就是连接符
alert(arr4.join("-"));//使用该方法可以模拟一个StringBuilder

//join方法的高级应用.
["a","b","c"] ==> “abc"

//push
pop删除并返回数组的最后一个元素
==> 模拟栈的结构。

队列:先进先出

//shift/unshift ==> 模拟队列的结构
//reverse方法 ==> 将数组中的元素顺序倒置
alert(arr4.reverse()); //3.2.1
//sort方法 ==> 排序的方法.
//注意:该方法默认排序规则,按照字符串规则排序
//如果需要按照数字排序,需要准备一个比较器
var arr5 = [2,9,3,5,7];

alert(arr5.sort())
//函数对象 ==> 比较器
function abc(a,b){
return a-b
}

//Data对象
var date = new Data();//当前时间

alert(date.getFullYear());
alert(date.getMonth());
alert(date.getHours());
//注意:
//1.月份计数时是0~11月,所以要加1获得正常月份
//2.星期计数十0~6.
var date2 = new Date(1000000);
//空参构造获得时间
正则对象
//1.构造方法
//参数1,正则字符串,参数2匹配模式
//用户名必须以字母开头,长度在6到10之间.
//匹配模式有两种
//"i":忽略大小写. i1
//"g":全局匹配global
var reg1 = new RegExp("[a-zA-Z][a-zA-Z_0-9]{5, 9} "," ");

//2 方法
//test 方法 ==> 测试字符串与正则是否匹配
//split 切割字符串
alert(str.split(/0/g))

match方法:alert(str.match(o/g));

js中自带类型转换.
string => Boolean 除了空字符串(" ")其他都是true
number => Boolean 除了 +0, -0, NaN, 其他都是true
null => Boolean false
undefined => Boolean false
object => Boolean true
等性表
null == undefined true
false == 0 true
true == 1 true
2 == true false
NaN == NaN false
NaN == 'NaN' false
NaN != NaN true
类型转换
“+” ==> 可用于将字符串转换为数字,如果含有不能转化的字符,返回NaN.
比较运算符
<,>,<=,>=,==,!=,===
3 > "11" false
“3” > "11" true
11 == "11" true
11 === "11" false
7.对象类型学习
EcmaScrippt中 对象 看成两种:

  1. 本地对象(Native object)
    本地对象中有一部分对象特殊:不需要创建实例,可以直接使用。
    Object
    Function(特殊)
    String
    Number
    Boolean 以上3个是3个原始数据类型的包装对象。
    本地对象中有一部分对象特殊:内建对象(build in object):不需要创建实例,可以直接使用。
    Global: 直接写,无需前缀
    Math:调用时需要些“Math.”
    Array: 1.数组中类型没有限制。
    2.数组的长度随着使用而变化的。
    Date
    RegExp //正则表达式/匹配模式 、test方法
    2.主机对象(Host object)

你可能感兴趣的:(JS)