小程序编程入门--javascript基础语法总结
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.条件语句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文件基本结构注册页面 page方法:page(
//数据对象
data:{
msg : "hello world!",
flag : true,
} ,
//函数, 可重复被调用执行的代码块
/*
函数名: function(参数){
},
*/
//生命周期函数 监听页面加载
//在页面加载时调用,一个页面只会调用一次
onLoad: function(options)
{
},
//生命周期函数 监听页面初次渲染完成
//页面初次渲染完成时调用,一个页面只会调用一次,代表页面准备妥当,可以和视图层交互
onReady: function()
{
},
//生命周期函数 监听页面显示
//页面显示/切入前台时触发
onShow: function()
{
},
...
)