jsom and java script practices
DESCRIPTION
JSOM need best practices of JQuery and JavascriptsTRANSCRIPT
![Page 1: JSOM and java script practices](https://reader036.vdocument.in/reader036/viewer/2022082702/554f9904b4c90586258b46f8/html5/thumbnails/1.jpg)
JSOM Practices in SharePointMelick Baranasooriya
melick-rajee.blogspot.com
![Page 2: JSOM and java script practices](https://reader036.vdocument.in/reader036/viewer/2022082702/554f9904b4c90586258b46f8/html5/thumbnails/2.jpg)
SharePoint Development
JSO
M
CS
OM
SS
OM
Need SharePoint Environment
Farm Solutions
Sandbox Solutions
DllsSharePointAdministrator
No NeedSharePoint Environment
Need Environment For Connect
DllsSharePoint Client
SharePoint Client Runtime
No Dll References
Can UseSharePoint Online
JavaScript
![Page 3: JSOM and java script practices](https://reader036.vdocument.in/reader036/viewer/2022082702/554f9904b4c90586258b46f8/html5/thumbnails/3.jpg)
JavaScript
Interpreted Language
Prototype based language style of object-oriented programming Support Inheritance
Dynamic Types
Standardize as ECMAScript
![Page 4: JSOM and java script practices](https://reader036.vdocument.in/reader036/viewer/2022082702/554f9904b4c90586258b46f8/html5/thumbnails/4.jpg)
General Practices
is this correct ?
x = "SomeName";
function Add() {
x = "Add";
console.log("Add");
}
//Functions
window.Add();
//Global variables,window object
console.log( window.x );
![Page 5: JSOM and java script practices](https://reader036.vdocument.in/reader036/viewer/2022082702/554f9904b4c90586258b46f8/html5/thumbnails/5.jpg)
Window Object
Window.add = function () { };Window.x = “SomeName”
![Page 6: JSOM and java script practices](https://reader036.vdocument.in/reader036/viewer/2022082702/554f9904b4c90586258b46f8/html5/thumbnails/6.jpg)
Own Namespace
Self-Executing Anonymous Function
(function(mySpace,undefined ) {
}( window.mySpace = window.mySpace || {}));
Check the global space for mySpace and assign a new one if not available
Leave the undefined as undefined.
![Page 7: JSOM and java script practices](https://reader036.vdocument.in/reader036/viewer/2022082702/554f9904b4c90586258b46f8/html5/thumbnails/7.jpg)
Properties
(function(mySpace,undefined ) {
//Private
var x = 1;
//Public
mySpace.y = "2";
}( window.mySpace = window.mySpace || {}));
Console.log(mySpace.y)
Console.log(mySpace.x) – Not accessible
![Page 8: JSOM and java script practices](https://reader036.vdocument.in/reader036/viewer/2022082702/554f9904b4c90586258b46f8/html5/thumbnails/8.jpg)
Methods
(function(mySpace,undefined ) {
//Public
mySpace.add = function() {
console.log("Add")
};
//Private
function addItem( ) {
console.log("AddItem")
}
}( window.mySpace = window.mySpace || {}));
![Page 9: JSOM and java script practices](https://reader036.vdocument.in/reader036/viewer/2022082702/554f9904b4c90586258b46f8/html5/thumbnails/9.jpg)
Classes and Objects
mySpace.Class1 = function () { };
mySpace.Class1.prototype = {
methodOne: function () {
return "methodOne";
},
methodTwo: function (para) {
console.log(para);
}
};
var a = new Class1();
a.methodOne();
![Page 10: JSOM and java script practices](https://reader036.vdocument.in/reader036/viewer/2022082702/554f9904b4c90586258b46f8/html5/thumbnails/10.jpg)
JSOMJavaScript Object Model
Use Js files available in Web Server Extensions\15\TEMPLATE\LAYOUTS
![Page 11: JSOM and java script practices](https://reader036.vdocument.in/reader036/viewer/2022082702/554f9904b4c90586258b46f8/html5/thumbnails/11.jpg)
JSOM
SharePoint Hosted
SP.SOD.executeFunc('sp.js', 'SP.ClientContext', function () { // Do });
Provider Hosted
<script type="text/javascript" src="/_layouts/15/MicrosoftAjax.js"></script>
<script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script>
<script type="text/javascript" src="/_layouts/15/sp.js"></script>
![Page 12: JSOM and java script practices](https://reader036.vdocument.in/reader036/viewer/2022082702/554f9904b4c90586258b46f8/html5/thumbnails/12.jpg)
Single Reference Pattern
https://srj.codeplex.com/
![Page 13: JSOM and java script practices](https://reader036.vdocument.in/reader036/viewer/2022082702/554f9904b4c90586258b46f8/html5/thumbnails/13.jpg)
?Thank You