javascript基础总结

小程序框架系统分为两部分： 逻辑层(App Service) 和视图层(View);其中微信小程序开发提供了自己的语言wxml和wxss来描述视图层，基于javascript(js)的逻辑层框架。在视图层和逻辑层之间提供了数据传输和事件的系统，js将数据处理后将数据发送给视图层，这样便于开发者专注于业务逻辑开发。

1.注释

/* 注释的语法和c++的注释语法一致 */
// 双斜杠 单行注释
/* 
  斜杠 + 🌟 多行注释 
*/

2.变量

1: javascript声明变量都是使用var，和c++声明变量有区别，js声明变量都是使用var,变量类型通过赋值类型决定。javascript，python lua等都是弱类型语言。

var a; //声明变量
var name = "s"; //声明变量并赋值
a = 1; //赋值

2: 变量类型

数字类型：整型，浮点数；

数组： Array 下标从0开始

字符串变量："string";

布尔类型： true/false;

Date类型变量：dtm；

Undefined : var name = null;

对象引用变量：object

var person = 
{
  name : "s";
  age : 10;
  id : 10000;
}
//访问对象成员可以使用中括号或者 .
var name = person.name;
var iAge = person["age"];

3: javascript变量命名规范：

常量以及全局变量名必须全部使用大写字母，常数名中的多个单词使用下划线“_”分隔，例如：

var CONST_ED_SFA = "系统错误";

变量的命名采用匈牙利命名法，通过在变量名前面添加相应小写字母的符号标示作为前缀，标示出变量的作用域，类型等，前缀后面是一个或多个单词组合，单词描述了变量的用途，如o表示对象，i表示的是整数，s表示的是字符串。例如：

var oData = new Data(); var sUserName = 'css8'; var iCount = 0;
​
//如果变量名过长可以使用单词缩写，推荐使用标准缩写以使名称保持在适当的长度内。使用缩写时，应确保在整个脚本中保持一致。
//所有使用单词所写的变量名必须在定义时给出注释,如：
​
var strAdminName; // 可以简单注释，Admin被广泛了解

3.运算符

1:运算符：

和数学中的运算符一致；

2：逻辑运算符：

比较逻辑,返回true 和 false；



4.条件语句

1. if语句：

if(/*condition_1*/)
{ /* 满足condition_1，执行... */ }
else if(/* condition_2 */)
{ /* 满足condition_2，执行... */ }
...
else
{ /* 上述条件都不满足时，执行... */ }

2.for语句：

for(/*初始化语句；开始循环前执行，且只执行一次 */; /*循环退出条件判断；每次进入循环语句前执行，判断为true才会进入循环语句，否则跳出循环*/; /* 语句3，在循环代码执行后执行 */)
  {
    /* 循环代码语句 */
  }
//example 
for(var i = 0; i < 10; ++i)
 {
    x = x + i;
 }

3.while语句：

while(/* 条件判断，为true时进入循环 */)
{
    /* 循环语句 */
}
//example:
while(i > 0)
 {
    --i;
 }

5. js文件基本结构

1. 注册页面 page方法：

page(
    //数据对象
    data:{
     msg : "hello world!",
     flag : true,
     } , 
  
    //函数， 可重复被调用执行的代码块
    /*
      函数名: function(参数){
      
      },
    */
    //生命周期函数 监听页面加载 
    //在页面加载时调用，一个页面只会调用一次
    onLoad: function(options)
    {
      
    },
    //生命周期函数 监听页面初次渲染完成 
     //页面初次渲染完成时调用，一个页面只会调用一次，代表页面准备妥当，可以和视图层交互
    onReady: function()
    {
      
    }，
    //生命周期函数 监听页面显示
    //页面显示/切入前台时触发
    onShow: function()
    {
      
    },
    
    ...
    )