zoukankan      html  css  js  c++  java
  • javascipt入门

     

    一、javascript简介

     

    javascript:(基于对象的编程语言:内部很多对象,我们只需要使用即可,几乎不需要自己创建对象)

      ECMAScript

      DOM

      BOM

     

    存放位置:

      建议代码放到html中body的最后位置

      引入方式:

        1、 <script> 这里直接写代码 </script>

        2、写到文件中通过 <script src="js-01.js"></script> 的方式引入

     

     

    二、语法

    声明变量:

    var x = 1;var y = 2;
    var x= 1,y=2;

    不使用var 申明变量就是一个全局的变量

    只能是字母,下划线,$符 三选一开头 ,区分大小写

    建议使用命名规范: 数据类型小写简写+驼峰写法
      eg: var sName="fxh"; var iNum=100;

    console.log(x) # 输出变量。 浏览器--> 检查--> Console
    document.write(x) # 页面上输出变量

    标识代码块:{  }

    {
    var x = 1;var y = 2;
    var x= 1,y=2;
    }

    注释:

      // var sName="注释"

      /*  document.write("这是注释")  */

     

    函数:

    <script>

      function  sayHello() {

        var sHelloStr="你好";

        document.write(sHelloStr);

      }

      sayHello();

    </script>

     

    三、数据类型

    堆内存:    

      基本数据类型:

        Number,string 。。。

    栈内存:

      引用数据类型:

        object

        堆内存的地址指向栈内存的对象

     

    五种基本数据类型:

    1、Number

      整数,浮点数

      NaN  当字符串转换为数字失败时就是NaN

        NaN出现在表达式中一顶结构为false,除了 != 

    2、String

      都是unicode

    3、Booolean

      true , false

    4、Null

      null占用一个对象的位置

    5、Undefined

       声明了变量但是未为其赋值

     

    typeof()   #查看类型

     

    四、数据类型转换

         parseInt("3.14b")  #3.14

       parseInt("a3.14b")  #NaN  当字符串转换为数字失败时就是NaN

       

    五、运算符

      自加自减:

         x++    # x=x+1  先赋值后运算

        ++x    # x=x+1  先运算后赋值

      一元加减法:

        var a="3"

        b=+a

        document.write(b);

        document.write(typeof(b));  #字符串转换为数字

      逻辑运算符:  

        ==    !=    >    <  

        &&   ||   !

        and   or   

        &   按位与

      赋值运算符:

        和python的一样

     

    六、控制语句

      if语句:

       if (表达式){

        语句1;

        语句2;

      }else if ( 表达式 ) {

        语句;

      }else {

        语句;

      }

     

      switch语句:

      switch(n) {

        case 1:  

          xx;

          break;

        case 2:

          yy;

          break;

        default:

          xy;

      }

     

      for 循环:

      #for ( 初始化,条件,递增)

      var a = [1,"haha",true]

      for ( var i in  a) {

        console.log(i);

        console.log(a[i]);

      }

      # 和python中不一样,i变成了下标

     

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

        console.log(i);

      }

     

      while循环:

      while (条件) {

        语句1;

        语句2;

      }

     

      异常处理:

      try(){

        //

      }

      catch(e){

        //

      }

      finally{

        //  最后无论如何也会直线

      }

    七、函数

    function func1(){

      alert(123);

      return 100

    }

    var ret=func1()

    alert(ret)

    var func2()= new Function("参数1","参数2","函数体")

    函数的arguments对象:

      var ret=0

      function add(){

        console.log(arguments.length);

        console.log(arguments) ; #  arguments 是一个传入参数的列表

        for (var i in arguments){

          ret += arguments[i]

        }

        return ret;

      }

      alert(add(1,2,3))

     

  • 相关阅读:
    js this
    python词云的制作方法
    flask表单标签
    scrapy使用PhantomJS爬取数据
    flask连接sqlalchemy数据库,实现简单的登录跳转功能
    useful tools and website
    sqlalchemy精华版
    flask连接数据库mysql+SQLAlchemy
    flask框架get post方式
    flask基础知识
  • 原文地址:https://www.cnblogs.com/fanxuanhui-linux/p/7907607.html
Copyright © 2011-2022 走看看