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. Python 库/模块的安装、查看

    关于如何查看本地python类库详细信息的方法 关于如何查看本地python类库详细信息的方法 - 小白裸奔 - CSDN博客 python -m pydoc -p 1234 help('module ...

  2. 「雅礼集训 2017 Day5」珠宝

    题目描述 Miranda 准备去市里最有名的珠宝展览会,展览会有可以购买珠宝,但可惜的是只能现金支付,Miranda 十分纠结究竟要带多少的现金,假如现金带多了,就会比较危险,假如带少了,看到想买的右 ...

  3. 微信小程序onLaunch、onLoad执行生命周期

    原文转载自:微信小程序onLaunch.onLoad执行生命周期 1.需求:先执行App的onLaunch添加验证权限等,再执行Page里的onLoad. 2.问题:还没有等onLaunch执行完成, ...

  4. SaltStack 介绍和安装

    SaltStack 介绍和安装 SaltStack 介绍 SaltStack是一种利用Python语言开发的,用于批量管理主机的一套工具,主要实现三种功能: 远程执行:通过saltstack工具,可以 ...

  5. redis cluster简介和配置(3)

    前面我介绍了 redis sentinel,既然有了sentinel,为什么还要一个cluster呢?因为随着业务量的增加,不可避免要对redis进行扩容,扩容方式一般由2种:1. 垂直扩容 2. 水 ...

  6. 微信小程序与webview交互实现支付

    实现原理:点击h5网页的支付按钮——(跳转)——>嵌套改h5的小程序的支付页面——(处理支付)——>跳转至支付完成后的页面 注意:(1)网页h5中,引入微信的jssdk <scrip ...

  7. Springboot集成Quartz

    之前学习过spring的定时任务 :https://www.cnblogs.com/slimshady/p/10112515.html 本文主要学习记录下springboot使用quartz 1.   ...

  8. Docker安装步骤

    在学习springcloud的消息总线时,需要安装rabbitmq,因为rabbitmq是用erlang开发的,所以安装rabbitmq又需要先安装erlang,总之安装过程中遇到各种坑,然而最终还是 ...

  9. Fatal error encountered during command execution

    MySQL + .net + EF 开发环境,调用一处sql语句报错: Fatal error encountered during command execution[sql] view plain ...

  10. 查表法解决calendar中月份及星期初始值为0的情况。

    Calendar ca = Calendar.getInstance(); String [] index = {"星期一","星期二","星期三&q ...