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. word里面对齐用Tab键

    1       Tab      组1 2             组2

  2. Ubuntu 16.04 安装opencv3.4.5/cuda/caffe并使用jni笔记

    因操作失误,误卸开发机NVIDIA显卡驱动,先更新操作日志如下: 1>NVIDIA驱动重装 1.卸载系统里的Nvidia残余 sudo apt-get purge nvidia* 2.把显卡驱动 ...

  3. BZOJ 1855 股票交易 (算竞进阶习题)

    单调队列优化dp dp真的是难..不看题解完全不知道状态转移方程QAQ 推出方程后发现是关于j,k独立的多项式,所以可以单调队列优化.. #include <bits/stdc++.h> ...

  4. HTML&CSS_基础02

    一.实体 # 1. 一些符号如 “<”. “>”. “ ”. ”©“等,不能使用其本身,需要借助实体(即转义字符),格式通常为:& (字符对应实体); 如 &lt . &a ...

  5. Codeforces 1095F Make It Connected（最小生成树）

    题目链接:Make It Connected 题意:给定一张$n$个顶点(每个顶点有权值$a_i$)的无向图,和已连接的拥有边权$w_i$的$m$条边,顶点u和顶点v直接如果新建边,边权为$a_u+a ...

  6. 理解vue 修饰符sync

    也是在vux中看到了这个sync 现在我们来看看vue中的sync 我们先看下官方文档:vue .sync 修饰符,里面说vue .sync 修饰符以前存在于vue1.0版本里,但是在在 2.0 中移 ...

  7. java强引用 软引用 弱引用 虚引用

    https://www.cnblogs.com/yw-ah/p/5830458.html Java四种引用包括强引用,软引用,弱引用,虚引用. 强引用: 只要引用存在,垃圾回收器永远不会回收Objec ...

  8. DTW和DBA

    DTW(动态时间调整) 动态时间调整算法是大多用于检测两条语音的相似程度,由于每次发言,每个字母发音的长短不同,会导致两条语音不会完全的吻合,动态时间调整算法,会对语音进行拉伸或者压缩,使得它们竟可能 ...

  9. Ceph mimic

    环境 系统:Centos 7(系统最小化安装)版本:Ceph mimic 系统配置 配置主机名hostname.hosts.关闭firewalld.ssh无密码登录.ntp时间同步等,过程略. 保存下 ...

  10. [源码分析]读写锁ReentrantReadWriteLock

    一.简介 读写锁. 读锁之间是共享的. 写锁是独占的. 首先声明一点: 我在分析源码的时候, 把jdk源码复制出来进行中文的注释, 有时还进行编译调试什么的, 为了避免和jdk原生的类混淆, 我在类前 ...