javascipt入门

Posted 750657961

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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{

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

  }

 

以上是关于javascipt入门的主要内容,如果未能解决你的问题,请参考以下文章

推荐net开发cad入门阅读代码片段

关于Javascipt基础1

javaweb基础----eclipse中书写JSP代码自动提示(JavaScipt)

关于Javascipt基础3

关于Javascipt基础7

目录:ArcGIS API For Javascipt基础学习