JavaScript学习笔记之基础语法,JavaScript学习笔记之JS对象

By admin in 4858美高梅 on 2019年8月31日

JavaScript学习笔记之基础语法,javascript学习笔记

JavaScript中众多基础内容和Java中大致上基本同样,所以无需再单独再一次讲了,富含:

  各样算术运算符、相比运算符、逻辑运算符;

  if else语句、switch语句;

  for循环、while循环、do while循环;

  标签、break、continue;

  try catch throw语句。

  能够查看文后的参阅链接。

  前边的内容都以JavaScript中分歧的有的。

  本文先说上边内容中的多少个细节差异。

1.全等剖断
  JavaScript的相比较运算符中有多个全等决断===,是用来判定值和等级次序是不是都极其的。

2.for/in循环   JavaScript中的for/in循环,有一点像Java中的巩固型for循环,但是它是用来遍历对象的个性的。

复制代码 代码如下:

var person={fname:”John”,lname:”Doe”,age:25};
for (x in person)
{
      txt=txt + person[x];
}

  个中x是属性名,person[x]是该属性的值。

3.With语句

  有了 With 语句,在存取对象属性和办法时就无须再行钦定参照他事他说加以考察对象,在
With 语句块中,凡是 JavaScript
不识其余属性和艺术都和该语句块钦定的靶子有关。

  成效:为一段程序创立暗许对象。

  格式: with (<对象>){ <语句组> }

  即:

复制代码 代码如下:

      With Object {
      Statements
      }

  比方:当使用与 Document 对象有关的 write()或
writeln()方法时,往往选取如下情势:

复制代码 代码如下:

      document.writeln(”Hello!“);

  假如急需体现大量多少时,就能够一再运用同一的
document.writeln()语句,那时就足以像上面包车型地铁次第那样,把富有以 Document
对象为参谋对象的语句放到With 语句块中,进而达成减弱语句量的目标。

复制代码 代码如下:

<!DOCTYPE html>
<html>
  <head>
    <title>withTest.html</title>
    <meta http-equiv=”keywords”
content=”keyword1,keyword2,keyword3″>
JavaScript学习笔记之基础语法,JavaScript学习笔记之JS对象。    <meta http-equiv=”description” content=”this is my page”>
    <meta http-equiv=”content-type” content=”text/html;
charset=UTF-8″>
    <!–<link rel=”stylesheet” type=”text/css”
href=”./styles.css”>–>
  </head>
<body>
    <script type=”text/javascript”>
        with (document) {
            write(“您好 !”);
            write(“<br>这几个文书档案的标题是 : \”” + title +
“\”.”);
            write(“<br>这几个文书档案的 UKoleosL 是: ” + U奔驰G级L);
            write(“<br>以后绝不每一遍都写出
document对象的前缀了!”);
        }
    </script>
</body>
</html>

4.断行

  能够用七个反斜线将一句代码断开:

复制代码 代码如下:

document.write(“Hello \
World!”);

  但是不可能这么断句:

document.write \
(“Hello World!”);

JavaScript中比相当多基础内容和Java中大概上着力均等,所以不须要再单独再度讲了,富含:
各类…

JavaScript中大多基础内容和Java中山高校约上着力等同,所以无需再单独再度讲了,包涵:

私下认可对象

4858美高梅,JavaScript学习笔记之JS对象,javascript学习笔记

私下认可对象

  日期对象Date,

  格式:日期对象名称=new Date([日子参数])

  日期参数:

  1.省略(最常用);

  2.法文-数值格式:月 日,公元年 [时:分:秒]

  如:today=new Date(“October 1,2008 12:00:00”)

  3.数值格式:公元年,月,日,[时,分,秒]

  如:today=new Date(2008,10,1)

  日期对象的不二等秘书诀:

  格式:日期对象名称.方法([参数])

  使用例子:

复制代码 代码如下:

<body>
    <script type=”text/javascript”>
       var date = new Date();//JS中暗中同意提供的靶子
    document.writeln(“以后时时: ” + ( date.getYear() + 一九〇三 ) + “年”
                + (date.getMonth() + 1) + “月” + date.getDate()
                + “日” + “, 星期” + date.getDay() + “, 时间:
“//周天会是0,须要更加的管理,这里先不管理
                + date.getHours() + “:” + date.getMinutes() + “:” +
date.getSeconds());
    </script>
</body>

  输出:

当今时刻: 二零一五年十一月26日, 星期1, 时间: 14:7:53
 
数组对象   数组对象的效果是:使用单独的变量名来囤积一名目大多的值。

  JavaScript的数组有两点特殊性:

  1.数老总度不定,能够自行扩大体量;

  2.数组中寄放的数据类型能够不统一,就可以以混存差别的数据类型。

  创立数组对象的三种格式:

  new Array();

  重临的数组为空,length 字段为 0。

  new Array(size);

  参数 size 是指望的数组成分个数。重返的数组,length 字段将被设为 size
的值。该构造函数将回来具备内定个数、成分为 undefined 的数组。

  new Array(element0, element1, …, elementn);

  该构造函数将用参数钦定的值初叶化数组,数组的 length
字段会棉被服装置为参数的个数。

  数组对象名称=[元素1[,元素2,…]]

  (注意这里运用的是方括号)。

  当把构造函数作为函数调用,不采取 new 运算符时,它的一举一动与运用 new
运算符调用它时的行为一模一样。

  还足以成立二维数组。

  Array对象的章程能够瞻昂:

  数组对象使用实例:

复制代码 代码如下:

<!DOCTYPE html>
<html>
  <head>
    <title>arrayTest.html</title>
    <meta http-equiv=”keywords”
content=”keyword1,keyword2,keyword3″>
    <meta http-equiv=”description” content=”this is my page”>
    <meta http-equiv=”content-type” content=”text/html;
charset=UTF-8″>
    <!–<link rel=”stylesheet” type=”text/css”
href=”./styles.css”>–>
  </head>
  <body>
    <script type=”text/javascript”>
    //var fruits = new Array(“Apple”, “Banana”, “Pear”);
    var fruits = [“苹果”,”香蕉”,”梨”];//推荐使用
    //能够动态添日币素
    fruits.push(“西瓜”);
    fruits.push(“橙子”);
    for(var i = 0; i < fruits.length; ++i)
    {
        document.writeln(“fruit[” + i + “] = ” + fruits[i] +
“<br/>”);
    }
    //数组的片段艺术测量试验
    with(document)
    {
        write(“<ul>”);
        write(“<li>” + fruits.join()+
“</li>”);//暗许使用逗号来分隔
        write(“<li>” + fruits.join(“;”)+ “</li>”);
        write(“<li>” + fruits.toString()+ “</li>”);
        write(“<li>” + fruits.reverse().join()+ “</li>”);
        write(“<li>” + fruits.valueOf()+ “</li>”);
        //表明上边的reverse实际上是改换了数组本人
        write(“</ul>”);
    }
    //二维数组
    var people = new Array(3);
    people[0] = new Array(1, “zhangsan”, “lisi”);
    people[1] = new Array(2, “Jack”, “Lucy”);
    people[2] = new Array(3, “Xiaoming”, “Xiaohong”);
    //注意数据类型能够勾兑使用
    //遍历二维数组
    for(var i = 0 ; i < people.length ; ++i)
    {
        for(var j= 0 ; j < people[i].length ; ++j)
        {
            document.write(“people[“+ i +”][“+ j +”] = ” +
people[i][j] + “<br/>”);
        }
        document.write(“<br/>”);
    }
    </script>
  </body>
</html>

字符串对象
  建立字符串对象:

  格式:字符串对象名称=new String(字符串常量)

  格式:字符串变量名称=”字符串常量”

  三个验证Email的例子:

复制代码 代码如下:

<!DOCTYPE html>
<html>
  <head>
    <title>emailConfirm.html</title>
    <meta http-equiv=”keywords”
content=”keyword1,keyword2,keyword3″>
    <meta http-equiv=”description” content=”this is my page”>
    <meta http-equiv=”content-type” content=”text/html;
charset=UTF-8″>
    <!–<link rel=”stylesheet” type=”text/css”
href=”./styles.css”>–>
    <script type=”text/javascript”>
        function isEmail()
        {
            var emailValue =
document.getElementsByName(“email”)[0].value;
            if(-1 == emailValue.indexOf(“@”))
            {
                alert(“请填入精确的Email地址”);
            }
            else
            {
                alert(“Ok”);
            }
        }
    </script>
  </head>
  <body>
      <form>
        email: <input type=”text” name=”email”><br/>
        <input type=”button” value=”check” onclick=”isEmail()”>
    </form>
  </body>
</html>

自定义对象
  后面讲函数的时候讲过叁个例子,今后此地再讲一下这一个例子:

复制代码 代码如下:

<!DOCTYPE html>
<html>
  <head>
    <title>objectTest.html</title>
    <meta http-equiv=”keywords”
content=”keyword1,keyword2,keyword3″>
    <meta http-equiv=”description” content=”this is my page”>
    <meta http-equiv=”content-type” content=”text/html;
charset=UTF-8″>
    <!–<link rel=”stylesheet” type=”text/css”
href=”./styles.css”>–>
  </head>
  <body>
    <script type=”text/javascript”>
    //定义对象的一种办法:通过构造函数
        function member(name, gender)
        {
            //属性
            this.name = name;
            this.gender = gender;
            //方法
            this.display = display;//指定member对象的display方法
        }
        function display()
        {
            var str = this.name + ” : ” + this.gender;
            //这么些display方法被哪个人利用了,此处的this就针对十三分指标
            document.writeln(str + “<br/>”);
        }
        //生成对象
        var m1 = new member(“zhangsan”, “male”);
        var m2 = new member(“lisi”, “male”);
        var m3 = new member(“wangwu”, “male”);
        var m4 = new member(“wangfang”, “female”);
        with(document)
        {
            write(“输出属性”,”<br/>”);
            write(m1.name + “:” + m1.gender + “<br/>”);
            write(m2.name + “:” + m2.gender + “<br/>”);
            write(m3.name + “:” + m3.gender + “<br/>”);
            write(m4.name + “:” + m4.gender + “<br/>”);
        }
        document.write(“调用方法”,”<br/>”);
        m1.display();
        m2.display();
        m3.display();
        m4.display();
    </script>
  </body>
</html>

青少年伴们是还是不是对javascript中指标的定义和用法有了新的认知了吗,希望我们能够欣赏本文及本种类文章。

暗中同意对象 日期对象Date, 格式:日期对象名称=new Date([日期参数])
日期参数: 1.省略(最常用);…

  各个算术运算符、比较运算符、逻辑运算符;

  日期对象Date,

  if else语句、switch语句;

  格式:日期对象名称=new Date([日子参数])

  for循环、while循环、do while循环;

  日期参数:

  标签、break、continue;

  1.省略(最常用);

  try catch throw语句。

  2.罗马尼亚语-数值格式:月 日,公元年 [时:分:秒]

  能够查阅文后的参照他事他说加以考察链接。

  如:today=new Date(“October 1,2008 12:00:00”)

  前边的剧情都是JavaScript中分化的有的。

  3.数值格式:公元年,月,日,[时,分,秒]

  本文先说地点内容中的多少个细节差异。

  如:today=new Date(2008,10,1)

1.全等判别
  JavaScript的相比较运算符中有二个全等判别===,是用来剖断值和项目是还是不是都非常的。

  日期对象的秘籍:

2.for/in循环   JavaScript中的for/in循环,有一点像Java中的巩固型for循环,可是它是用来遍历对象的个性的。

  格式:日期对象名称.方法([参数])

复制代码 代码如下:

  使用例子:

var person={fname:”John”,lname:”Doe”,age:25};
for (x in person)
{
      txt=txt + person[x];
}

复制代码 代码如下:

  当中x是属性名,person[x]是该属性的值。

<body>
    <script type=”text/javascript”>
       var date = new Date();//JS中暗许提供的对象
    document.writeln(“未来时时: ” + ( date.getYear() + 一九〇三 ) + “年”
                + (date.getMonth() + 1) + “月” + date.getDate()
                + “日” + “, 星期” + date.getDay() + “, 时间:
“//周天会是0,须要越来越管理,这里先不管理
                + date.getHours() + “:” + date.getMinutes() + “:” +
date.getSeconds());
    </script>
</body>

3.With语句

  输出:

  有了 With 语句,在存取对象属性和艺术时就无须再行内定参谋对象,在
With 语句块中,凡是 JavaScript
不识其他属性和艺术都和该语句块钦定的靶子有关。

现行时刻: 二〇一五年1十二月25日, 星期1, 时间: 14:7:53
 
数组对象   数组对象的功能是:使用单独的变量名来囤积一多元的值。

  作用:为一段程序建构暗许对象。

  JavaScript的数组有两点特殊性:

  格式: with (<对象>){ <语句组> }

  1.数高管度不定,能够活动扩大体量;

  即:

  2.数组中存放的数据类型能够不统一,即能够混存不一致的数据类型。

复制代码 代码如下:

  建构数组对象的八种格式:

      With Object {
      Statements
      }

  new Array();

  比如:当使用与 Document 对象有关的 write()或
writeln()方法时,往往使用如下格局:

  再次来到的数组为空,length 字段为 0。

复制代码 代码如下:

  new Array(size);

      document.writeln(”Hello!“);

  参数 size 是梦想的数组成分个数。重回的数组,length 字段将被设为 size
的值。该构造函数将赶回具备钦赐个数、成分为 undefined 的数组。

  若是须要显示大批量数目时,就能够频仍运用同一的
document.writeln()语句,那时就足以像下边包车型地铁前后相继那样,把富有以 Document
对象为参照他事他说加以考察对象的说话放到With 语句块中,进而到达降低语句量的目标。

  new Array(element0, element1, …, elementn);

复制代码 代码如下:

  该构造函数将用参数内定的值开始化数组,数组的 length
字段会棉被服装置为参数的个数。

<!DOCTYPE html>
<html>
  <head>
    <title>withTest.html</title>
    <meta http-equiv=”keywords”
content=”keyword1,keyword2,keyword3″>
    <meta http-equiv=”description” content=”this is my page”>
    <meta http-equiv=”content-type” content=”text/html;
charset=UTF-8″>
    <!–<link rel=”stylesheet” type=”text/css”
href=”./styles.css”>–>
  </head>
<body>
    <script type=”text/javascript”>
        with (document) {
            write(“您好 !”);
            write(“<br>这些文书档案的标题是 : \”” + title +
“\”.”);
            write(“<br>那些文书档案的 U昂CoraL 是: ” + U君越L);
            write(“<br>今后无须每便都写出
document对象的前缀了!”);
        }
    </script>
</body>
</html>

  数组对象名称=[元素1[,元素2,…]]

4.断行

  (注意这里运用的是方括号)。

  能够用三个反斜线将一句代码断开:

  当把构造函数作为函数调用,不选用 new 运算符时,它的作为与应用 new
运算符调用它时的行事完全等同。

复制代码 代码如下:

  仍是能够创设二维数组。

document.write(“Hello \
World!”);

  Array对象的情势能够参见:

  可是无法这么断句:

  数组对象使用实例:

document.write \
(“Hello World!”);

复制代码 代码如下:

您或者感兴趣的小说:

  • Javascript基础教程之JavaScript语法
  • javascript 语法基础
    想深造js的爱侣能够看看
  • JavaScript 语法集锦
    脚本之家基础推荐
  • 至于javascript事件响应的基础语法计算(一定要看篇)

<!DOCTYPE html>
<html>
  <head>
    <title>arrayTest.html</title>
    <meta http-equiv=”keywords”
content=”keyword1,keyword2,keyword3″>
    <meta http-equiv=”description” content=”this is my page”>
    <meta http-equiv=”content-type” content=”text/html;
charset=UTF-8″>
    <!–<link rel=”stylesheet” type=”text/css”
href=”./styles.css”>–>
  </head>
  <body>
    <script type=”text/javascript”>
    //var fruits = new Array(“Apple”, “Banana”, “Pear”);
    var fruits = [“苹果”,”香蕉”,”梨”];//推荐应用
    //能够动态添英镑素
    fruits.push(“西瓜”);
    fruits.push(“橙子”);
    for(var i = 0; i < fruits.length; ++i)
    {
        document.writeln(“fruit[” + i + “] = ” + fruits[i] +
“<br/>”);
    }
    //数组的部分方法测量检验
    with(document)
    {
        write(“<ul>”);
        write(“<li>” + fruits.join()+
“</li>”);//暗中同意使用逗号来分隔
        write(“<li>” + fruits.join(“;”)+ “</li>”);
        write(“<li>” + fruits.toString()+ “</li>”);
        write(“<li>” + fruits.reverse().join()+ “</li>”);
        write(“<li>” + fruits.valueOf()+ “</li>”);
        //表达上面的reverse实际上是改造了数组自个儿
        write(“</ul>”);
    }
    //二维数组
    var people = new Array(3);
    people[0] = new Array(1, “zhangsan”, “lisi”);
    people[1] = new Array(2, “Jack”, “Lucy”);
    people[2] = new Array(3, “Xiaoming”, “Xiaohong”);
    //注意数据类型能够勾兑使用
    //遍历二维数组
    for(var i = 0 ; i < people.length ; ++i)
    {
        for(var j= 0 ; j < people[i].length ; ++j)
        {
            document.write(“people[“+ i +”][“+ j +”] = ” +
people[i][j] + “<br/>”);
        }
        document.write(“<br/>”);
    }
    </script>
  </body>
</html>

字符串对象
  建构字符串对象:

  格式:字符串对象名称=new String(字符串常量)

  格式:字符串变量名称=”字符串常量”

  三个验证Email的事例:

复制代码 代码如下:

<!DOCTYPE html>
<html>
  <head>
    <title>emailConfirm.html</title>
    <meta http-equiv=”keywords”
content=”keyword1,keyword2,keyword3″>
    <meta http-equiv=”description” content=”this is my page”>
    <meta http-equiv=”content-type” content=”text/html;
charset=UTF-8″>
    <!–<link rel=”stylesheet” type=”text/css”
href=”./styles.css”>–>
    <script type=”text/javascript”>
        function isEmail()
        {
            var emailValue =
document.getElementsByName(“email”)[0].value;
            if(-1 == emailValue.indexOf(“@”))
            {
                alert(“请填入准确的Email地址”);
            }
            else
            {
                alert(“Ok”);
            }
        }
    </script>
  </head>
  <body>
      <form>
        email: <input type=”text” name=”email”><br/>
        <input type=”button” value=”check” onclick=”isEmail()”>
    </form>
  </body>
</html>

自定义对象
  前面讲函数的时候讲过二个例子,今后这里再讲一下以此例子:

复制代码 代码如下:

<!DOCTYPE html>
<html>
  <head>
    <title>objectTest.html</title>
    <meta http-equiv=”keywords”
content=”keyword1,keyword2,keyword3″>
    <meta http-equiv=”description” content=”this is my page”>
    <meta http-equiv=”content-type” content=”text/html;
charset=UTF-8″>
    <!–<link rel=”stylesheet” type=”text/css”
href=”./styles.css”>–>
  </head>
  <body>
    <script type=”text/javascript”>
    //定义对象的一种办法:通过构造函数
        function member(name, gender)
        {
            //属性
            this.name = name;
            this.gender = gender;
            //方法
            this.display = display;//指定member对象的display方法
        }
        function display()
        {
            var str = this.name + ” : ” + this.gender;
            //这些display方法被何人使用了,此处的this就本着十二分目的
            document.writeln(str + “<br/>”);
        }
        //生成对象
        var m1 = new member(“zhangsan”, “male”);
        var m2 = new member(“lisi”, “male”);
        var m3 = new member(“wangwu”, “male”);
        var m4 = new member(“wangfang”, “female”);
        with(document)
        {
            write(“输出属性”,”<br/>”);
            write(m1.name + “:” + m1.gender + “<br/>”);
            write(m2.name + “:” + m2.gender + “<br/>”);
            write(m3.name + “:” + m3.gender + “<br/>”);
            write(m4.name + “:” + m4.gender + “<br/>”);
        }
        document.write(“调用方法”,”<br/>”);
        m1.display();
        m2.display();
        m3.display();
        m4.display();
    </script>
  </body>
</html>

小同伴们是不是对javascript中目的的定义和用法有了新的认知了吗,希望大家能够喜欢本文及本连串小说。

您恐怕感兴趣的稿子:

  • Javascript
    面向对象(一)(共有方法,私有方法,特权方法)
  • javascript面向对象入门基础详细介绍
  • JavaScript中json对象和string对象之间相互转化
  • javascript检查评定对象中是否存在某些属性判定格局小结
  • javascript得到函数名称、函数参数、对象属性名称的代码实例
  • JQuery
    $.each遍历JavaScript数组对象实例
  • javascript
    面向对象封装与后续
  • Javascript基础教程之函数对象和总体性

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 美高梅手机版4858 版权所有