JavaScript入门基础01

                                  JavaScript入门基础01
  开发工具与关键技术:JavaScript          作者:大珊珊                撰写时间:2019.4.8

1.JavaScript 变量
在JavaScript中声明变量使用 var 关键词来声明,例如: var age; 变量声明之后,
该变量是 underfined 没有值。如果想向变量中赋值,那请使用 = (赋值运算符),如: age=21;
也可以在声明变量时对其赋值: var age=21;
可以在一条语句中声明多个变量。该语句以 var 来声明,并使用逗号分隔变量即可

   eg: 
    var name=”大连”, age=21,height=162;
     或横跨多行:
       Var name = “大连”,
         age=21,
      height=162;

注:变量命名采用 小驼峰法 命名,如: var studentAge;
2.数据类型
6种基本数据类型

String-->字符串
Number-->数字
Boolean-->布尔
Null-->空
Underfined-->未定义
Array-->数组;特殊的Object

(注:Null是人为设置某个变量没有值;而Underfined则是表示一个变量没有被声明,或者被声明了但没有被赋值(未初始化), 一个没有传入实参的形参变量的值为undefined,如果一个函数什么都不返回,则该函数默认返回undefined。)
3. JavaScript主要的输出与交互

  • document.write(字符串或变量): 为向HTML文档中输出内容
    写法:
    直接输出 eg: document.write(“nice to meet you!”);
    或给它定义个变量再输出

    Var mystr = “nice to meet you!”;
     document.write(mystr);
    
  • console.log(字符串或变量): 则是写到浏览器的控制台

  • window.alert(字符串或变量):弹出提示框
    弹出消息对话框(包含一个确定按钮)。Window可省略不写,直接使用 alert()输出。

  • window.confirm(字符串或变量):弹出消息对话框,一般用于用户做选择
    弹出对话框(包括一个确定按钮和一个取消按钮)。Window可省略不写,直接使用 confirm()
    写法:(包含了判断语句If…else…,如果…否则…)

    var mysrt = window.confirm(“Is this seat taken?”);
      If(mysrt == true){
              document.write(“yes!”);
      }else{
      document.write(“no,Go ahead!”);
      }
    
  • window.prompt (str1, [str2]):弹出消息对话框,通常用于询问需要与用户交互的信息。
    弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。Window可省略不写,直接使用 prompt(),其中参数str1,显示在消息对话框中的文本,不可修改,而str2 文本框中的内容,可以修改。当点击确定按钮时,文本框中的内容将作为函数返回值,点击取消按钮,将返回null。
    写法为:

    Var myname = prompt(“请输出你的姓名:”,“默认可选“);
    If(myname != null){
        alert(“你好”+ myname);
    }else{
    alert (“你还没有输入”);
    }
    

(注:“+“为拼接符号)
4.JavaScript 对象
JavaScript 中的除了基本类型外,所有事物都是对象。,对象可看作是拥有属性和方法的数据。(属性–>对象 <–方法)
它的定义:

eg. var student = new Object(); 简写:eg. var student = new Object();
student.name = “大连”;                     name = “大连”;  
student.age =  20;                           age =  20;
student.height = 162;                         height = 162;
student.study = function(){            student.study = function(){
   alert(this.name+”在学习”);          alert(this.name+”在学习”);
}                                        }         

在这里的输出为:大连在学习。在这里this就表示为这个new Object即新的对象,其中“.”代表为连接这个新对象下面的那个具体变量。
以上便是今天基础了解,下集继续。。。

猜你喜欢

转载自blog.csdn.net/weixin_44543331/article/details/89082717