JavaScript学习之路-语法分分快三计划

作者:分分快三计划

在JavaScript中的变量名是区分大小写的。

数据类型又分为原始类型和复杂类型

  • 数值、字符串、布尔值称为原始类型(primitive type)的值,即它们是最基本的数据类型,不能再细分了。
  • 将对象称为复杂类型(complex type)的值,因为一个对象往往是多个原始类型的值的合成,可以看作是一个存放各种值的容器
  • 至于undefined和null,一般将它们看成两个特殊值。

三.数据类型:

JavaScript中有6种数据类型 如下:

Number(数值类型)

String(字符串类型)

Boolean(布尔类型)

Null(空类型)

Undefined(未定义类型)

解释:

在声明变量时不需要声明变量的数据类型,而是由赋给变量的值决定。

可以用typeof()来获取变量的类型。

第一个字母,可以使用任意Unicode字母,美元符号,下划线。
第二个字母,可以使用任意Unicode字母,美元符号,下划线,还可以使用数字。
挺好记的。其他的就不要用了,因为不符合哦~

Number

JavaScript的数字类型和其它语言有所不同,没有整型和浮点数的区别,统一都是Number类型,可以表示十进制、八进制、十六进制

var a = 10; //十进制
var b = 073; //八进制
vat c = 0xf3; //十六进制

四.数组:

JavaScript中的数组和Java中的数组一样,数组的下标从0开始。

JavaScript中定义数组的方式:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        div {
            color:red;
        }
    </style>
    <script src="MyJS.js"></script>
    <script type="text/javascript">
        //var num = 0;
        //var num1, num2, num3 = 0;
        var array = new Array(3);
        array[0] = "哈哈";
        array[1] = 1;
        array[2] = "JavaScript";
        var array1 = ['哈哈', 'JavaScript', '1', '2'];

    </script>
</head>
<body>
    <div>哪里来的JS?</div>
    <input type="button" onclick="javascript: alert('按钮');" value="点我"/>
</body>
</html>

在JavaScript中变量值如果没有赋值会出现这中情况。undefined 为JavaScript中的关键字。
分分快三计划 1

数据类型分类

JavaScript语言的每一个值,都属于某一种数据类型。JavaScript的数据类型,共有六种。

数值(number):整数和小数(比如1和3.14)
字符串(string):字符组成的文本(比如"Hello World")
布尔值(boolean):true(真)和false(假)两个特定值
undefined:表示“未定义”或不存在,即此处目前没有任何值
null:表示空缺,即此处应该有一个值,但目前为空
对象(object):各种值组成的集合

长得帅的已经订阅,长得丑的还在犹豫,你还在等什么???

 

分分快三计划 2
接下来可以自己在浏览器玩转你的JavaScript试试,多练练咯~

STRING

String是Unicode字符组成的序列,俗称字符串,可以用双引号或者单引号表示,没有区别,匹配即可

 var str = 'hello';
 var str2 = "jirengu";
 var str3 = 'hello "ruoyu" ';

八.window对象:

1.window对象常用属性:

//window对象方法练习
//window是全局对象,使用其方法时可以不用window.方法名,直接用方法名即可
var haha = history;//有关客户之前访问过的url信息
alert(haha);
var xixi = location;//当前url信息
alert(xixi);

var say = confirm('你开心吗');//带提示信息 带返回值 带确定和取消的提示窗口 多数用于if判断
if (say) {
    alert('开心');
} else {
    alert('不开心');
    close();//关闭浏览窗口
}

open('www.baidu.com','我的浏览器','height=380,width=320,toolbar=0,scrollbars=0,location=0,status=0,menubar=0,resizable=0');

2.window对象常用方法:

//window对象方法练习
//window是全局对象,使用其方法时可以不用window.方法名,直接用方法名即可
var haha = history;//有关客户之前访问过的url信息
alert(haha);
var xixi = location;//当前url信息
alert(xixi);

var say = confirm('你开心吗');//带提示信息 带返回值 带确定和取消的提示窗口 多数用于if判断
if (say) {
    alert('开心');//带有提示信息的警告窗口
} else {
    alert('不开心');//带有提示信息的警告窗口
    close();//关闭浏览窗口
}

open('www.baidu.com','我的浏览器','height=380,width=320,toolbar=0,scrollbars=0,location=0,status=0,menubar=0,resizable=0');//打开新的页面

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript">
        var t1;
        window.onload = function () {
            var docref = document.referrer;
            if (docref) {
                var div = document.getElementById('mydiv');//获取id为‘mydiv’的对象
                div.style.display = "none";
            } else {
                t1=setInterval(stop,1000);//定时器
            }
        }
        function stop() {
            var doc = document.getElementById('myspan');//获取id为‘myspan’的对象
            var txt = doc.innerText;//获取这个myspan对象的文本
            if (txt > 1) {
                txt--;
            } else {
                clearInterval(t1);//关闭定时器
                location.href = "页面1.html";
            }
            doc.innerText = txt;
        };

    </script>
</head>
<body>
    <div id="mydiv">
        5
        秒后调转到登入页面
    </div>
     我是抽奖页面
</body>
</html>

3.window对象常用的事件:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript">
        window.onclick = function () {
            document.getElementById('mybtn').onclick = function () {
                alert('点我干嘛');
            };
        };
    </script>
</head>
<body>
    <input type="button" id="mybtn" value="快点我"/>
</body>
</html>

   (function () {
            $('li').mouseover(function () {
                this.style.cssText = "background:pink";
            }).mouseout(function () {
                this.style.cssText = "background:";
            });
        });
{
  var a = 1;
}

if (布尔值) 语句;

if (条件语句) {
  // 满足条件时,执行语句
} else {
  // 不满足条件时,执行语句
}

if (条件语句) {
  // 满足条件时,执行语句
} else if (条件语句) {
  // 满足条件时,执行语句
} else if (条件语句) {
  // 满足条件时,执行语句
} else {
  // 不满足条件时,执行语句
}

switch (布尔值成立) {
  case 条件:
   // 满足条件时,执行语句
    break;
  case 条件:
    // 满足条件时,执行语句
    break;
  default:
    // 不满足条件时,执行语句
}

(条件) ? 表达式1 : 表达式2

while (条件) 语句;

for (表达式; 条件; 递增的表达式) {
  语句
}
等。。。

在JavaScript中有标签一说,label:语句,为任意的标识符

Boolean

布尔值代表“真”和“假”两个状态。“真”用关键字true表示,“假”用关键字false表示。布尔值只有这两个值。
下列运算符会返回布尔值:

  • 两元逻辑运算符: && (And),|| (Or)
  • 前置逻辑运算符: ! (Not)
  • 相等运算符:===,!==,==,!=
  • 比较运算符:>,>=,<,<=

五.运算符号:

算数运算符: ,-,*,/,%, ,--

比较运算符:>,<,>=,<=,==,!=

逻辑运算符:&&,||,!

赋值运算符:=

分分快三计划 3

对象的细分

对象又可以分成三个子类型。

狭义的对象(object)
数组(array)
函数(function)
正则表达式 (regexp)
typeof运算符

JavaScript有三种方法,可以确定一个值到底是什么类型。

 typeof运算符
 instanceof运算符
 Object.prototype.toString方法

typeof运算符可以返回一个值的数据类型,可能有以下结果。

原始类型
数值、字符串、布尔值分别返回number、string、boolean。

typeof 123 // "number"
typeof '123' // "string"
typeof false // "boolean"

函数
函数返回function。

function f() {}
typeof f
// "function"

二.变量的声明和赋值

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        div {
            color:red;
        }
    </style>
    <script src="MyJS.js"></script>
    <script type="text/javascript">
        var num = 0;
        var num1, num2, num3 = 0;
    </script>
</head>
<body>
    <div>哪里来的JS?</div>
    <input type="button" onclick="javascript: alert('按钮');" value="点我"/>
</body>
</html>

注意点:

1.在JS中定义任何变量的类型都是var开头。

2.JavaScript的关键字是保留的,不能作为变量名或者函数名。

3.JavaScript区分大小写,大小写不同的变量名表示不同的变量。

4.JavaScript是一种弱类型语言,所以允许不声明变量而直接使用,系统会自动声明该变量。

5.JavaScript中的变量命名与Java变量的命名规则相同(可以由数字,字母,下划线和$符号组成,但首字母不能使数字)。

对象:

对象是JavaScript语言的核心概念,那么到底什么是对象呢?对象在JavaScript中是一组“键值对”的集合,无序的符合数据集合。

var object = {
 //定义一个对象
 name: 'dashu',
 age:'nan'
 //键名:'键值'
};

数值,字符串,对象,函数,数组,算术运算符,比较运算符,布尔运算符,二进制位运算符。

分分快三计划 4

分分快三计划 5

分分快三计划 6

如果觉得不错,那就点个赞吧!❤️
我的目标是——每天不断更

OBJECT

对象,就是一种无序的数据集合,由若干个“键值对”(key-value)构成。key我们称为对象的属性,value可以是任何JavaScript类型,甚至可以是对象

var obj = {
name: 'jirengu',
age: 2
};

object的属性读取有两种方式

obj.name;
obj['name'];

九.document对象:

1.document对象常用属性:

referrer:返回载入当前文档的URL

URL:返回当前文档的URL

2.document对象常用方法:

getElementById()  返回单个元素对象

getElementsByName() 返回对象集合

getElementsByTagName() 返回对象集合

write()  向文档写入文本,HTML表达式或JavaScript代码

在JavaScript中有很多与java相似的语法和内容。

null 和 undefined

可选

渊源

nullundefined都可以表示“没有”,含义非常相似。将一个变量赋值为undefinednull,老实说,语法效果几乎没区别。

var a = undefined;
var a = null;

上面代码中,a变量分别被赋值为'undefined''null',这两种写法的效果几乎等价。

'if'语句中,它们都会被自动转为'false',相等运算符('==')甚至直接报告两者相等。

if (!undefined) {
  console.log('undefined is false');
}
// undefined is false

if (!null) {
  console.log('null is false');
}
// null is false

undefined == null
// true

上面代码说明,两者的行为是何等相似!Google公司开发的JavaScript语言的替代品Dart语言,就明确规定只有null,没有undefined
既然含义与用法都差不多,为什么要同时设置两个这样的值,这不是无端增加复杂度,令初学者困扰吗?这与历史原因有关。
1995年JavaScript诞生时,最初像Java一样,只设置了null作为表示"无"的值。根据C语言的传统,null被设计成可以自动转为0。

Number(null) // 0
5   null // 5

但是,JavaScript的设计者Brendan Eich,觉得这样做还不够,有两个原因。
首先,null像在Java里一样,被当成一个对象。但是,JavaScript的数据类型分成原始类型和合成类型两大类,Brendan Eich觉得表示"无"的值最好不是对象。
其次,JavaScript的最初版本没有包括错误处理机制,发生数据类型不匹配时,往往是自动转换类型或者默默地失败。Brendan Eich觉得,如果null自动转为0,很不容易发现错误。
因此,Brendan Eich又设计了一个undefined。他是这样区分的:null是一个表示"无"的对象,转为数值时为0;undefined是一个表示"无"的原始值,转为数值时为NaN

Number(undefined) // NaN
5   undefined // NaN

但是,这样的区分在实践中很快就被证明不可行。目前null'undefined'基本是同义的,只有一些细微的差别。
'null'的特殊之处在于,JavaScript把它包含在对象类型(object)之中。

typeof null // "object"

上面代码表示,查询null的类型,JavaScript返回object(对象)。

这并不是说null的数据类型就是对象,而是JavaScript早期部署中的一个约定俗成,其实不完全正确,后来再想改已经太晚了,会破坏现存代码,所以一直保留至今。

注意,JavaScript的标识名区分大小写,所以undefinednull不同于UndefinedNull(或者其他仅仅大小写不同的词形),后者只是普通的变量名。
Boolean
布尔值代表“真”和“假”两个状态。“真”用关键字true表示,“假”用关键字false表示。布尔值只有这两个值。

下列运算符会返回布尔值:

两元逻辑运算符: && (And),|| (Or)
前置逻辑运算符: ! (Not)
相等运算符:===,!==,==,!=
比较运算符:>,>=,<,<=
typeof运算符 JavaScript有三种方法,可以确定一个值到底是什么类型。 typeof运算符 instanceof运算符 Object.prototype.toString方法 instanceof运算符和Object.prototype.toString方法,将在后文相关章节介绍。这里着重介绍typeof运算符。 typeof运算符可以返回一个值的数据类型,可能有以下结果。

十一.定时函数:

1.setTimeout()定时函数:

语法:

setTimeout('调用的函数名称',等待的毫秒);

2.setInterval()函数:

语法:

setInterval('调用的函数名称',周期性调用函数之间间隔的毫秒数);

3.clearTimeout()和clearInterval():

clearTimeout()函数用来清除由setTimeout()函数设置的timeout

clearInterval()函数用来清除由setInterval()函数设置的timeout

4.区别:

setTimeout()函数是过多少毫秒调用一次给定的函数,只调用一遍。

setInterval()函数是每隔多少毫秒调用一次给定的函数,调用多次。

setInterval()函数可以被clearInterval()和clearTimeout()函数清除。

setTimeout()函数只能被clearTimeout()函数清除。

 

在JavaScript中如何写语法呢?这里你可以去看一些教学文档来得快一些,这里不介绍,有点基础的也可以复习一下。

举例

var i;
i // undefined

function f(x){console.log(x)}
f() // undefined

var  o = new Object();
o.p // undefined

var x = f();
x // undefined

七.函数:

1.自定义函数:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        div {
            color:red;
        }
    </style>
    <script src="MyJS.js"></script>
    <script type="text/javascript">
        function Myfunc(参数1,参数2,参数3) {
            //code
            //返回值可有可无,根据自身需求
        };
    </script>
</head>
<body>
    <div>哪里来的JS?</div>
    <input type="button" onclick="javascript: alert('按钮');" value="点我"/>
</body>
</html>

2.调用函数:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        div {
            color:red;
        }
    </style>
    <script src="MyJS.js"></script>
    <script type="text/javascript">
        window.onload() = function () {
            function Myfunc(参数1,参数2,参数3) {
                //code
                //返回值可有可无,根据自身需求
            };
        };
    </script>
</head>
<body>
    <div>哪里来的JS?</div>
    <input type="button" onclick="Myfunc" value="点我"/>
</body>
</html>

3.匿名函数:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        div {
            color:red;
        }
    </style>
    <script src="MyJS.js"></script>
    <script type="text/javascript">
        window.onload() = function () {
           var Myfunc=function(参数1,参数2,参数3) {
                //code
                //返回值可有可无,根据自身需求
            };
        };
    </script>
</head>
<body>
    <div>哪里来的JS?</div>
    <input type="button" onclick="Myfunc" value="点我"/>
</body>
</html>

解释:匿名函数就是没有函数名的函数,可以用一个变量来接受,然后再调用即可。

注意点:

1.JavaScript中的函数和Java里的方法差不多,只是没有类与类之间的调用,返回值类型,访问修饰符。

2.JavaScript中的函数可以没有返回值,参数。

3.定义函数之前必须在<script>标签里面添加window对象的onload方法,不然结果会和理想的不一样。

在JavaScript中的注解为

用法和含义

对于null和undefined,可以大致可以像下面这样理解。

null表示空值,即该处的值现在为空。典型用法是:

  • 作为函数的参数,表示该函数的参数是一个没有任何内容的对象。
  • 作为对象原型链的终点。

undefined表示不存在值,就是此处目前不存在任何值。典型用法是:

  • 变量被声明了,但没有赋值时,就等于undefined。
  • 调用函数时,应该提供的参数没有提供,该参数等于undefined。
  • 对象没有赋值的属性,该属性的值为undefined。
  • 函数没有返回值时,默认返回undefined。

十.Math对象:

1.Math的常用方法:

ceil()  对数进行上舍入

floor() 对数进行下舍入

round() 把四舍五入为最接近的数

random() 返回0~1中的随机数

版权声明:未经博主允许不得转载

六.逻辑控制语句:

1.条件结构:

if选择结构和switch选择结构:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        div {
            color:red;
        }
    </style>
    <script src="MyJS.js"></script>
    <script type="text/javascript">
        ////var num = 0;
        ////var num1, num2, num3 = 0;
        //var array = new Array(3);
        //array[0] = "哈哈";
        //array[1] = 1;
        //array[2] = "JavaScript";
        //var array1 = ['哈哈', 'JavaScript', '1', '2'];
        var num=0;
        if (num == 0) {
            alert(11111);
        }

    </script>
</head>
<body>
    <div>哪里来的JS?</div>
    <input type="button" onclick="javascript: alert('按钮');" value="点我"/>
</body>
</html>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        div {
            color:red;
        }
    </style>
    <script src="MyJS.js"></script>
    <script type="text/javascript">
        ////var num = 0;
        ////var num1, num2, num3 = 0;
        //var array = new Array(3);
        //array[0] = "哈哈";
        //array[1] = 1;
        //array[2] = "JavaScript";
        //var array1 = ['哈哈', 'JavaScript', '1', '2'];
        //var num=0;
        //if (num == 0) {
        //    alert(11111);
        //}
        var num = 1;
        switch (num) {
            case 1:
                alert('我是1');
                break;
            case 2:
                alert('我是2');
                break;
            default:
                break;
        }

    </script>
</head>
<body>
    <div>哪里来的JS?</div>
    <input type="button" onclick="javascript: alert('按钮');" value="点我"/>
</body>
</html>

2.循环结构:

for循环:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        div {
            color:red;
        }
    </style>
    <script src="MyJS.js"></script>
    <script type="text/javascript">
        var num = [1, 2, 3, 4, 5];
        for (var i = 0; i <num.length; i  ) {
            document.write(num[i]);
        }
    </script>
</head>
<body>
    <div>哪里来的JS?</div>
    <input type="button" onclick="javascript: alert('按钮');" value="点我"/>
</body>
</html>

3.循环中断:

break:可以立即退出整个循环

continue:只是退出当前循环,根据判断条件决定是否进行下一次循环

// 单行注释

/*
 多行
 注释
*/

一.网页引入Java Script的三种方式:

1.引入外部js文件

2.在当前HTML页面中使用script标签中书写

3.直接在当前HTML标签中书写

在JavaScript具有标识符,标识符是识别各种值的合法名称。在JavaScript中有一套命名规则,java中也有这样的规则,来看看有什么要求吧~

JavaScript只是一种运行于客户端,可以被客户端浏览器解析的一段代码。它和java没有任何关系。JavaScript简称JS。jQuery是对JS的一个封装。

数据类型:

JavaScript中有六种数据类型,现在可能加了类型,string,boolean,null,object,number,undefined

string,boolean,number

null,undefined

object

如何确定一个值到底是什么类型:

typeof,
instanceof,
Object.prototype.toString

nullundefined

null表示为的对象,而undefined表示为无定义的原始值,返回数值为NaN

布尔值转换
分分快三计划 7

分分快三计划 8

分分快三计划 9

JavaScript中超出范围,大于的显示Infinity,小于的表示为0

NaN表示非数字

分分快三计划 10

//定义变量并赋值
var a; //定义变量
var a = 1; //赋值
var 为命令
var a = 1 2; //等于号为赋值号,赋值号右边为表达式。
在JavaScript中 ; 这位分号,表达一个语句过去了,写下一个语句了

本文由分分快三计划发布,转载请注明来源

关键词: 分分快三计划 JS