美文网首页
js语法-数据类型

js语法-数据类型

作者: Z了个L | 来源:发表于2016-10-01 10:42 被阅读26次

JS语法

1、JS的编写形式
用js写一个helloWord
alert("hello world")

利于调试:
console.log('hello world')
比较下alter和console在调试的优缺点
进百度----> console.log 招聘信息

2、js的基本语法

  • 数据类型

  • 函数

  • 对象
    -----创建代码
    (1)
    var age = 10; //number
    var money = 10.5; // number
    var name = "jack"; // string
    var name2 = 'rose'; // boolean
    *推荐使用单引号
    <button onclick = "alter("10")">
    var result = true; // true false

    • 可以不写var

    打印类型,加深印象:
    console.log(typeof age)

(2)字符串的拼接
var prefix = 'I am';
var name = 'jack'
var str = prefix + name + 'sb' + 20;

(3) 字符串与数字拼接
var str1 = 10 + 10 + '10';
var str2 = '10' + 10 + 10;
var str3 = '10' + (10 + 10)
var str4 = 10 + '10' + '10'
注意点:运算从左往右,任何类型与字符串相加都是字符串类型

(4)数组
var names = []; // 比较下js和oc和java的数组区别
var names = [10, 20, 'jack', 10.8, true, false];
console.log(names.length)
console.log(names[0])
console.log(typeof names)

var dog = {
   name : 'jack',
   age : 10
};
console.log(dog.name)
console.log(dog.name + '-' + dog.age)

var dog2 = {
   name : 'hhh',
   age  : 10,
   height : 1.55  (身高已经超过郭敬明了)
};
console.log ....

(5)函数
*函数的定义格式
function 函数名(参数列表){
// 函数体

    函数没有返回类型
}
js中定义变量必须用var
// 加法运算
function sum(num1, num2){  // 参数列表不需要标明类型
   return num1 + num2
}
cosole.log(sum(1, 2))

// 写一个万能的加法函数
 对比前面一个,突出新方法
 function sum(numbers){
    var count = 0;
    for(var i = 0; i < numbers.count; i++){
        count += numbers[i];
    }
    return count;
 }
 // 改进版
 function sum(){ // arguments
    var count = 0;
    for (var i = 0; i < arguments.length; i++){
       count += arguments[i];
    }  
    return count
 }

 总结:js非常灵活,有很多写法,其他语言办不到
  • 数据类型
    number:包括所有的数字(整数、小数)
    boolean:正常取值(true 或者 false)
    string: 字符串,可以用双引号和单引号引住内容(建议使用单引号)
    object: 对象类型,(注意:数组[]也是对象类型)、{}
  • 函数
  • 对象

相关文章

  • JavaScript基础总结

    ✍目录总览:(JS概念与组成、JS格式规范、JS基本语法【输入、输出、变量、数据类型、数据类型转换、运算符、流程控...

  • JS简介

    HelloWorld JS编写位置 JS基本语法 字面量和变量 标识符 数据类型

  • web前端入门到实战:JS基础-语法+流程控制语句+函数+内置对

    JS语法: Javascript基本数据类型:undefined/null/Boolean/number/stri...

  • HTML-09day

    1、字面量和变量 2、数据类型 3、JS基本语法 4、标识符 5、JS简介

  • [JS-0] JavaScript 笔记导航

    JavaScript组成 ECMAScript DOM BOM ECMAScript JS学习准备 语法与数据类型...

  • HTML 日常了解8(js篇)

    HelloWorld js编写位置 js基本语法 字面量和变量 标识符 数据类型 Number Boolean N...

  • 2018-11-28

    HelloWorld js编写位置 js基本语法 字面量和变量 标识符 数据类型 Number Boolean N...

  • JavaScript 大纲

    js 语法基础 JavaScript 介绍 js 输出 注释 变量,变量声明提升,全局变量,常量 7 大数据类型 ...

  • js的数据类型

    HBuilder的Vue数据操作是基于js语法之上的。 基础 1 js的基本数据类型:StringNumberBo...

  • ios -html-JS

    JS简介-基本数据类型 1.1 JS中的常见语法 所有变量的返回类型都是var number类型 string类型...

网友评论

      本文标题:js语法-数据类型

      本文链接:https://www.haomeiwen.com/subject/fepryttx.html