1.  JS基本概念

　 网景和sun联合开发javascript

javascript 三个部分：ECMAScript 语法    DOM(document object model)    BOM(browser object model)

2.  ECMAScript语法

如何引用js代码？

第一个引入方式：

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        alert(123)

    </script>

</head>

<body>

</body>

</html>

　　第二种方式：将js代码存放到一个外部的js文件中.

　   变量和基本用法

定义变量：先声明变量使用var关键字,再为变量赋值，使用分号结尾。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        var x;

        x=10;

        alert(x);

        var y=11;

    </script>

</head>

<body>

</body>

</html>

　　注意：变量命名规范，命名格式，注释。

　　注释方式：//  单行   /*     */  多行注释

　　打印：console.log(变量名,typeof 变量名)

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        var x=10;

        var y="yangjianbo";

        var z=3.14;

        console.log(z,typeof y);

    </script>

</head>

<body>

</body>

</html>

　　

数据类型

　　　　number类型

　　　　字符串类型

　　　　布尔类型

　　　　undefined:  当一个变量只声明未赋值，则该变量类型为undefined，值为undefined.

　　　　　　　　　 当函数没有返回值的时候，默认返回一个undefined.

　　　　例子：类型为undefined,值也为undefined

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        var x=10;

        var y="yangjianbo";

        var z=3.14;

        var a;

        console.log(a,typeof a);

    </script>

</head>

<body>

</body>

</html>

　　

运算符

　　　　算术运算符   + - * /  //  %   ++   --

　　　　++相当于+=1

　　　　--相当于-=1

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        var x=10;

        x++;

        console.log(x);

    </script>

</head>

<body>

</body>

</html>
注意：x++与++x的不同。
　　　两个结果都是一样的。
　　　但是有返回值的时候，就不一样了。
　　　res=x++,返回值res为10，x为11.先赋值再计算
　　  res=++x,返回值res为11，x为11.先计算再赋值.

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

　　　　 var x=10;

        var y='10';

        console.log(x==y);
　　　　 返回的结果：true
　　　　 ==  会自动把y的值转换为数字。

var x=10;
var y='10';
console.log(x===y);
===   全等于， 不会转换数据类型。

　　

　　　　　　逻辑运算符：  &&    ||      !     与    或     非

　　　　　　赋值运算符：  +=    -+     =   *=    /=

　　　　       字符串运算符： +   拼接字符串

　　流程控制

　　　　　　顺序执行：代码都是顺序执行

　　　　　　分支执行：

　　　　　　　　if分支

　　　　　　　　if  (表达式)  {语句体}    else {语句体}

　　　　　　　　例子：

var x=50;
var y=50;
if (x>y) {
    console.log(x);
}
else  if (x=y){
    console.log('OK');
}
else {
    console.log('y')
}

　　　　　　　　switch分支

　　　　　　　　swith (表达式) {

　　　　　　　　　　case  值1:语句体;break;

　　　　　　　　　　case  值2:语句体;break;　

　　　　　　　　　　case  值3:语句体;break;

　　　　　　　　　　　　}

　　　　　　　　例子：

        var week=2;

        switch (week){

            case 1:alert("星期一");break;

            case 2:alert("星期二");break;

            case 3:alert("星期二");break;

        }

　　

　　　　　　循环执行：for  while     都是条件循环

　　　　　　while (表达式){

　　　　　　　　　　   语句体

　　　　　　　　　　　}　

　　　　　　　　　例子:

        var x=0

        while(x<10){

            console.log("OK");

            x+=1;

        }

　　　　　　for (表达式){

　　　　　　      语句体

　　　　　　　　}

　　      　　例子：

        for (var i=0 ;i<10;i++){

            console.log("OK");

        }
　　　　　　三要素：初始变量，条件，自增或自减
　　　　　　这是for的条件循环

　　　　　　

var x=[1,2,3];

            for (i in x){

                console.log(x[i]);

            }
　　　　　　　这是for循环的遍历循环。
　　　　　　　
　　　　　
var x=[1,2,3,8888];
for (var i=0;i<x.length;i++){
    console.log(x[i]);
}
推荐使用条件循环的方式。

　　

　　对象

　　　　字符串对象

　　　　 　　x.length  字符串长度

　　　　　　 x.toUpperCase()  改成大写

　　　　　　 x.indexOf('e')  找到字符e的索引是多少

　　　　　　x.substr()   第一个参数开始位置，第二个参数长度

　　　　　　x.substring()   第一个参数开始位置，第二个参数结束位置

　　　　  数组对象　

        var arr=[1,2,"aaa","bbbb",[2,3,4]];

        console.log(arr,typeof arr);

　　　　　　　join方法

　　　　　　　reverse方法

　　　　　　　sort方法

　　　　　　　slice方法   slice(2,4)  2为开始索引，4为结束索引

　　　　　　　push方法   在结尾后面插入数据

　　　　　　    pop方法

　　　　　　　shift方法　　

　　　　　　　unshift方法   在开始位置插入数据

　　　　　 时间对象

　　　　　　　

　　　　　　　　

　　　　　　　

　　　　　　

　　函数

　　面向对象

　　

Python3学习十四的更多相关文章

  1. 强化学习(十四) Actor-Critic

    在强化学习(十三) 策略梯度(Policy Gradient)中,我们讲到了基于策略(Policy Based)的强化学习方法的基本思路,并讨论了蒙特卡罗策略梯度reinforce算法.但是由于该算法 ...

  2. Scala学习十四——模式匹配和样例类

    一.本章要点 match表达式是更好的switch,不会有意外调入下一个分支 如果没有模式能够匹配,会抛出MatchError,可以用case _模式避免 模式可以包含一个随意定义的条件,称做守卫 你 ...

  3. python3笔记十四：python可变与不可变数据类型+深浅拷贝

    一:学习内容 python3中六种数据类型 python赋值 python浅拷贝 python深拷贝 二:python3六种数据类型 1.六种数据类型 Number(数字) string(字符串) L ...

  4. Python3 学习第四弹：编码问题（转载）

    关于python的编码问题一直以来不得解,终于在今天从这篇博文中明白了. 原文地址: http://nedbatchelder.com/text/unipain.html 译文地址:http://py ...

  5. android学习十四（android的接收短信）

    收发短信是每一个手机主要的操作,android手机当然也能够接收短信了. android系统提供了一系列的API,使得我们能够在自己的应用程序里接收和发送短信. 事实上接收短信主要是利用我们前面学过的 ...

  6. python3学习笔记四（列表1）

    参考http://www.runoob.com/python3/python3-list.html 序列 python包含6种内建的序列:列表,元组,字符串,Unicode字符串,buffer对象和x ...

  7. JavaWeb学习 (十四)————JSP基础语法

    一.JSP模版元素 JSP页面中的HTML内容称之为JSP模版元素.  JSP模版元素定义了网页的基本骨架,即定义了页面的结构和外观. 二.JSP表达式 JSP脚本表达式(expression)用于将 ...

  8. spring boot 学习(十四)SpringBoot+Redis+SpringSession缓存之实战

    SpringBoot + Redis +SpringSession 缓存之实战 前言 前几天,从师兄那儿了解到EhCache是进程内的缓存框架,虽然它已经提供了集群环境下的缓存同步策略,这种同步仍然需 ...

  9. Python学习十四：filter()

    Python 中内置了filter()函数用于过滤序列. 使用方法: filter()接收一个函数和一个序列. filter()把传入的函数依次作用于每一个元素,然后依据返回值是True还是False ...

随机推荐

  1. 微信小程序之初探（常见语法 VS vue）常见问题（点击不生效，数据绑定）

    最近在调研微信小程序开发,对于一个前端小白来说,在各种框架都还用不熟的情况下,再来开发小程序确实还是不容易. 小程序出来之初,听过演讲,看过一点点儿视频,感觉和angular语法有点相似(PS:那是也 ...

  2. termux

    使用http服务,链接原服务器要挂vpn. apt edit-sources 如果提示 $ apt edit-sources e: Sub-process editor returned a n er ...

  3. 第二篇--PCI设备解析

    介绍:参考 一个系统上最多有256个PCI总线,每个总线最多有32个设备,每个设备最多有8个功能,每个功能最多有256字节的配置地址空间,所以总的配置地址空间是16M. PCI设备有物理设备和逻辑设备 ...

  4. @Controller @RestController

    知识点:@RestController注解相当于@ResponseBody + @Controller合在一起的作用. 1) 如果只是使用@RestController注解Controller,则Co ...

  5. 详解最大似然估计（MLE）、最大后验概率估计（MAP），以及贝叶斯公式的理解

    转载声明:本文为转载文章,发表于nebulaf91的csdn博客.欢迎转载,但请务必保留本信息,注明文章出处. 原文作者: nebulaf91 原文原始地址:http://blog.csdn.net/ ...

  6. jsp:forward动作功能

    jsp:forward动作:引导请求者进入新的页面 例子:login.jsp <center><p>用户登录 </p> <form name="fo ...

  7. P4180 严格次小生成树[BJWC2010] Kruskal，倍增

    题目链接\(Click\) \(Here\). 题意就是要求一个图的严格次小生成树.以前被题面吓到了没敢做,写了一下发现并不难. 既然要考虑次小我们就先考虑最小.可以感性理解到一定有一种次小生成树,可 ...

  8. KFold，StratifiedKFold k折交叉切分

    python风控评分卡建模和风控常识(博客主亲自录制视频教程) https://study.163.com/course/introduction.htm?courseId=1005214003&am ...

  9. Github 开源项目（一）websocketd （实战：实时监控服务器内存信息）

    websocketd 是WebSocket守护进程,它负责处理WebSocket连接,启动您的程序来处理WebSockets,并在程序和Web浏览器之间传递消息. 安装:websocketd wget ...

  10. content+animation实现loading效果

    <dot></dot> dot { display: inline-block; height: 1em; line-height: 1; vertical-align: -. ...